Coder Social home page Coder Social logo

calendar's Introduction

Calendar with Event Planner Project

This project is a simple web-based calendar application with an integrated event planner. The application is built using HTML, CSS, and JavaScript, and it allows users to view and manage their events conveniently.

Calendar

Features

  • Calendar View: The main feature of this application is the interactive calendar view that allows users to navigate through different months and select specific dates.

  • Event Creation: Users can create events by clicking on a date in the calendar view. A modal popup will appear, where users can enter event details such as title, description, and time.

  • Event Display: Created events will be displayed on the respective dates in the calendar view, allowing users to see their scheduled events at a glance.

  • Event Edit and Delete: Users can edit or delete their events by clicking on the event in the calendar view. A modal will appear, enabling users to modify or remove event details.

Technologies Used

The project utilizes the following technologies:

  • HTML: The structure of the calendar and event planner is created using HTML.

  • CSS: The CSS styles are applied to provide a visually appealing and responsive layout for the application.

  • JavaScript: JavaScript is used to handle user interactions, manage the calendar, and perform event creation, editing, and deletion functionalities.

Installation and Usage

To run the project locally, follow these steps:

  1. Clone the repository to your local machine using the following command:
git clone https://github.com/aashup1710/calendar
  1. Navigate to the project directory:
cd calendar
  1. Open the index.html file in your preferred web browser.

  2. Now, you can use the calendar application to view, create, edit, and delete events by interacting with the calendar interface.

Contributing

If you'd like to contribute to this project, you can follow these steps:

  1. Fork the repository on GitHub.

  2. Create a new branch with a descriptive name:

git checkout -b feature/your-feature
  1. Make your modifications and additions to the codebase.

  2. Commit your changes:

git commit -m "Add your message here"
  1. Push the changes to your forked repository:
git push origin feature/your-feature
  1. Open a pull request on the original repository, describing the changes you made and the reason for them.

  2. Wait for the maintainers to review your pull request. Feel free to address any feedback or comments if required.

Credits

This project was created by Aashutosh Mishra and Nandini Maheshwari. If you find this project useful or have any suggestions for improvements, please feel free to reach out.

calendar's People

Contributors

aashup1710 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.