Skip to content

LeonidShamarin/Angular-Calendar-App

Repository files navigation

Simple Calendar Application

This is a simple calendar application that allows users to add and delete calendar appointments. The application uses the JavaScript Date object to work with time and dates.

Features

  1. Form to add a calendar appointment
  2. Ability to delete the appointment

Live Demo

You can view the live demo of the application here.

Installation

To get started with the project, follow these steps:

  1. Clone the repository:

    git clone https://github.com/yourusername/simple-calendar-app.git
    cd simple-calendar-app
  2. Install the dependencies:

    npm install
  3. Run the application:

    ng serve
  4. Open your browser and navigate to http://localhost:4200.

Usage

Adding an Appointment

  1. Fill out the appointment form with the date, time, and description.
  2. Click the "Add Appointment" button to add the appointment to the calendar.

Deleting an Appointment

  1. Locate the appointment you want to delete in the list of appointments.
  2. Click the "Delete" button next to the appointment to remove it from the calendar.

Working with Dates and Times

This application uses the JavaScript Date object to handle all date and time operations. Here are some examples of how the Date object is used:

  • To create a new date:

    const date = new Date();
  • To set a specific date and time:

    const date = new Date('2024-06-15T09:00:00');
  • To format a date:

    const formattedDate = date.toLocaleDateString();
    const formattedTime = date.toLocaleTimeString();

Contributing

If you would like to contribute to this project, please follow these steps:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature/your-feature-name).
  3. Make your changes.
  4. Commit your changes (git commit -m 'Add some feature').
  5. Push to the branch (git push origin feature/your-feature-name).
  6. Open a Pull Request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

If you have any questions or suggestions, feel free to reach out to me at [email protected].


Thank you for using the Simple Calendar Application! I hope it helps you stay organized and manage your appointments effectively.