This project represents a significant milestone in my Front-End Web Developer Bootcamp, constituting the 7th challenge. Throughout this challenge, I've immersed myself in JavaScript fundamentals, gaining hands-on experience in crucial concepts such as working with objects, object methods, handling nested data, iterating through nested structures, utilizing functions and parameters effectively, understanding scope, data storage, and employing jQuery.
The primary objective of this challenge was to enhance a basic calendar application by leveraging the provided starter code. The task involved enabling users to create and save events for each hour of the day. The resulting application operates within a web browser and exhibits dynamically updated HTML and CSS, all made possible through the utilization of jQuery.
To set up and view this project locally, follow these simple steps:
- Clone the repository to your local machine.
- Open the project folder in your preferred text editor.
- Launch the index.html file in a web browser.
Caption: Overview of the project's main webpage.
Caption: Detailed view of the storage, presenting the user input about his plan for that day.
- JavaScript is employed to dynamically display content or sections based on user interactions or navigation, providing a more interactive and user-friendly experience.
- JQuery, a JavaScript library, is utilized to streamline and expedite DOM manipulation, event handling, and simplifying complex tasks, contributing to a more efficient and concise codebase for interactive web elements.
- Utilizing JavaScript functions and comprehending their usage.
- Implementing logical comparison operators for conditional evaluations.
- Employing conditional statements for decision-making processes.
- Incorporation of jQuery widgets, interactions, and DayJS for enriched functionality.
- Working with arrays to efficiently store and manipulate data.
- Utilizing loops, especially the for loop, for iterative data processing.
- Engaging users through interactive elements.
- Providing a selection of saving user information
- Input fields for displaying user plans
- Utilizing event listeners to capture user actions effectively.
Understanding the use of LocalStorage and JSON: - Stringifying and parsing data to transfer to the backend.
- Facilitating data retrieval and potential future utilization using these methodologies.
- Understanding the logical flow of functions and their interactions.
- Comprehending the ways functions interact with each other and with the overall application logic.
If you're also on the journey of learning web development and wish to contribute or offer feedback, don't hesitate to fork the repository and submit a pull request. Contributions and suggestions are highly valued!
- Guidance from Bootcamp instructors
- Students from the Bootcamp sharing their knoledge
This project is licensed under the MIT License. The MIT License is an open-source license widely used for software projects. It is known for its permissive nature, allowing users to freely use, modify, distribute, and sublicense the software without significant legal restrictions.
Raphaela Gil_Planner App - Raphaela Gil
If you're interested in sharing ideas, experiences, or collaborating on projects, please feel free to get in touch via email at [email protected] or LinkedIn. You can also check my github profile at GitHub.