Skip to content

jubrito/planner-with-calendar

Repository files navigation

Customizable Calendar

React TypeScript Vite Redux Jest ESLint Babel

A customizable and accessible calendar application that allows anyone to create and manage, and track events.

Progress

Features

Key principles

  • Accessibility by design – Built to be accessible to everyone, with support for mouse, screen readers, and keyboard navigation.

  • Test-Driven Quality – Rigorously tested (Jest, React Testing Library) to ensure reliability and maintainability.

  • Optimized Performance – Lightweight and fast for an improved user experience.

– Customizable & Scalable – Modular architecture (Redux, React) to enable extending new features and improve scalability.

Included features:

  • Event Creation – Add, edit, and delete events.

  • Day and Month Views – Interact with events in either a calendar month view or a daily planner view.

  • Responsive Design – Works on different devices and screen sizes.

  • Current hour – Highlights the current hour in day-view mode.

Features in progress:

  • Recurring Events – Set repeating events (daily, weekly, monthly).

  • TO-DO List Integration – Connect tasks with calendar events for a better planning experience.

  • Drag and Drop – Update events by dragging and dropping.

  • Web Hosting – Deploy the app for public access.

  • Styling – Enhance the UI/UX.

  • Database Connection – Store and persist user data.

Installation

  1. Clone the repository

  2. Navigate to the project directory:

cd planner-with-calendar
  1. Install dependencies:
npm install
  1. Start the project:
npm start
  1. Run tests
npm run test

License

MIT

About

A customizable and accessible calendar application that allows anyone to create and manage, and track events.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages