Event Calendar

Table of Contents

• Introduction
• Demo
• About the Project
• Features
• Used For
• Improvements
• Problems Faced
• Technologies Used
• Links
• Getting Started

Introduction

Event Calendar is a web application that allows users to add events to specific dates on a calendar. It provides two screens: one for the calendar view and another for listing all the events added, organized by date.

---

⚠️ Warning: WebSQL Deprecated ⚠️

Please be aware that WebSQL is no longer supported. Consequently, the project will not function as it did previously. Consider migrating to alternative storage solutions such as IndexedDB to ensure compatibility and continued operation.

Thank you for your understanding.

---

Demo

Demo.Video.Short.mp4

About the Project

The Event Calendar application is designed to simplify event planning and organization. It enables users to add events with detailed information, such as event titles and descriptions. The application supports multiple events on the same date, and users can easily manage their events through an intuitive user interface.

Features

• Interactive calendar interface
• Add and delete events
• Date-wise event listing
• Event details including title and description
• Responsiveness for various devices
• Used WebSQL to store data

Used For

• Personal event planning
• Professional event organization
• Team scheduling

Improvements

• Integration with external calendars
• Reminder notifications for events
• User authentication and data privacy enhancements
• Collaborative event sharing

Problems Faced

• Difficulty in managing events on a specific date.
  • Solution: Implemented a click-to-add event feature on the calendar screen.
• Confusing event display in the list view.
  • Solution: Improved the event organization and provided clear date-wise listings.

Technologies Used

• HTML
• CSS
• JavaScript
• WebSQL

Links

• Live Application
• GitHub Repository

Getting Started

To run this project locally, follow these steps:

1. Clone the GitHub repository.
2. Open the project folder in your code editor.
3. Launch the index.html file in your web browser to view the calendar application.