#typescript #css #localstorage #responsive

📅 Calendar

This project is a dynamic Calendar application where users can schedule and manage events. Users have the ability to add, edit, and delete events as needed. The application stores all event data locally using the browser's localStorage, ensuring that user data persists across sessions.

Features

Event Scheduling: Add new events with ease. Event Editing: Modify existing events to keep your schedule up-to-date. Local Storage: Events are saved in localStorage, so they remain available even after refreshing the page or closing the browser. Responsive Design: The layout is designed to be responsive, providing an optimal viewing experience on a variety of devices, from desktops to mobile phones. User-friendly Interface: Designed with CSS to provide a clean and intuitive user experience.

Squad project Berners Lee / January 2024

24th January 2024:

· Understanding project instructions.
· Creating a GitHub proyect and 5 branches to work together.
· Start searching for information (videos and articles) about how calendars work.
· Team Leader election: Tomás Fernández.
· HTML core.
· CSS styling.

25th January 2024:

· Building HTML structure.
· CSS styling.

26th January 2024:

· Implementing function to show day boxes.
. Showing actual date on header.

27th January 2024:

· Implementing modal window.
· Modal CSS styling.

28th January 2024:

· Dark Mode feature added.
· Dark Mode styling.
. Adding month animations.

29th January 2024:

· Implementing modal form.
· Styling model form.
· Starting localStorage.

30th January 2024:

· Implementing localStorage.
· Styling Add Event inside DayBox.
· Implementing Modal Checkboxes.

31st January 2024:

· Repairing month passing.
· Styling responsive.
· Saving events into their own day and month.
· Implementing hover description.
· Implementing modal full description.
· Implementing optional features.