A minimalist and customizable calendar web application, built with a focus on simplicity, ease of use, and efficiency. This project was created as a learning experience in full-stack web development and completed in just two months.
- User-Friendly Interface: Designed with simplicity in mind, the calendar's clean and intuitive layout makes it easy for users of all skill levels to navigate. Whether you're scheduling an event or reviewing your upcoming appointments, the interface ensures a smooth and enjoyable user experience.
- Custom Events: Users can easily create, edit, and delete events according to their needs. Whether it's a one-time meeting or a recurring appointment, events can be fully customized with details like time, location, and descriptions. Managing your schedule has never been more flexible.
- Label and Category Organization: Organize your events with labels and categories to streamline your schedule. Group events into categories (e.g., Work, Personal, Study) and assign specific labels to quickly identify different types of activities at a glance.
- Account Creation & Authentication: Secure and simple account creation allows users to create a personalized experience. Save your events, settings, and preferences across devices using Firebase authentication, making your calendar accessible from anywhere.
- Color Customization: Make the calendar your own by customizing colors for events and categories. You can personalize your calendar's appearance, ensuring that different event types stand out, and the entire calendar matches your aesthetic preferences.
- Multiple Event Viewers: Offering multiple ways to find and view your events
- Daily View: Focus on a single day’s events for detailed planning.
- List View: Browse all your upcoming events in a simple, chronological list.
- Search Functionality: Quickly find specific events or tasks using keywords, making it easier to manage a busy schedule.
- Frontend: JavaScript, HTML, CSS
- Backend: Firebase (Authentication, Database)
- Build Tool: Vite.js
- Cloud Hosting: Google Cloud Services
- Version Control: Git
- Clone the repository on your local machine.
- Run a local server for the .html files in
public/Pages.