Event-Reminder-App---Angular-6-and-Firebase

This app was developed to add, manage and send reminders of events, the app has several features and functions, and it was developed using Angular 6 and Firebase.

Demo - Online

Online demo click here.

Development server - Locally

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.

Functions & Features

• Adding new events with GPS location and start/end date and time.
• Handling all kind of input errors.
• Show notifications for app operations and actions.
• Show event details such as: duration and GPS location on the map.
• Update (Going/Not Going) status for all events.
• Managing three different status (Happening Now - Coming - Completed) according to event date/time.
• Delete specific events or all events together after showing confirmation message.
• Apply three different Angular 6 animations.
• Show loading spinner while pulling the events information.
• Show/Hide events.
• Send email reminders.
• Add event details to these calendars apps: iCalender, Google, Yahoo and Outlook.
• Apply searching and filtering to get certain events.
• Disable search, filter and delete, if there are no events.
• Show welcome message,if there are no events.

Modules

• ng-pick-datetime: https://www.npmjs.com/package/ng-pick-datetime
• ngx-toastr: https://www.npmjs.com/package/ngx-toastr
• ngAddToCalendar: https://www.npmjs.com/package/@trademe/ng-add-to-calendar
• ngx-moment: https://www.npmjs.com/package/ngx-moment
• ngx-mapbox: https://www.npmjs.com/package/ngx-mapbox
• ng-bootstrap: https://www.npmjs.com/package/@ng-bootstrap/ng-bootstrap
• Loading spinner: http://tobiasahlin.com/spinkit/

Version

• 1.0

Author

• Hakim Elkharbash - Initial work, hakem_g@yahoo.com