Skip to content

Angular Calendar application with reminders and weather forecast using OpenWeather API.

Notifications You must be signed in to change notification settings

davedevx/angular-calendar

Repository files navigation

Angular Calendar

Features

  • Ability to change month back and forth by arrows.
  • Ability to jump back to the current month by Today button.
  • Ability to add "reminders" with the following data: text (max. 30 characters), color, date and city (optional).
  • Ability to edit "reminders" by changing text, color, date, city.
  • Ability to delete reminder.
  • Ability to see "reminders" for each calendar day. If there are more than 3 reminders for a sepcific day, "Show N more" is visible (N is the number of the rest reminders). By clicking on the "Show N more" link, the remaining reminders get displayed in a dialog.
  • Ability to see reminder data in a dialog by clicking on any reminder in the calendar.
  • Ability to see weather info (by OpenWeather API) based on the city of the selected reminder if city is provided. "N/A" is displayed in case of any error of the API, like 404 if there is no data for that particular city.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.