Skip to content

Shivang139/Event-Calendar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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

 
 
 

Contributors