davedevx / angular-calendar

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

About

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


Languages

Language:TypeScript 75.1%Language:HTML 16.1%Language:SCSS 6.1%Language:JavaScript 2.8%