Skip to content

This is a simple and user-friendly event calendar I built using React. You can add, edit, delete, and move events around easily. It also supports recurring events and prevents event time clashes. The design is responsive, so it works great on mobile and desktop!

Notifications You must be signed in to change notification settings

Shivang139/Event-Calendar

Repository files navigation

Custom Event Calendar Application

Objective

The Custom Event Calendar Application is designed to provide users with an interactive and user-friendly platform to manage events effectively. It evaluates advanced React.js logic, clean UI design principles, and deployment capabilities.


Live Demo

Explore the live application here: Dynamic Event Calendar


Features

  • Create, edit, and delete events dynamically.
  • Responsive UI with day, week, and month views.
  • Seamless date handling using date-fns.
  • Styled with Tailwind CSS for a modern design.

Setup Instructions

  1. Clone the repository:
    git clone https://github.com/shivang139/Event-Calendar.git
  2. Navigate to the project directory:
    cd Event-calendar
  3. Install dependencies:
    npm install
  4. Start the development server:
    npm start
  5. Visit http://localhost:3000 to view the app.

Tech Stack

  • Frontend: React.js, Tailwind CSS
  • Utilities: date-fns, @radix-ui/react-dialog

Deployment

The app is deployed using Vercel. To deploy your build:

  1. Run:
    npm run build
  2. Deploy the build/ folder to any hosting platform like Vercel or Netlify.

License

This project is licensed under the MIT License.

About

This is a simple and user-friendly event calendar I built using React. You can add, edit, delete, and move events around easily. It also supports recurring events and prevents event time clashes. The design is responsive, so it works great on mobile and desktop!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published