Calendar Pro UX UI App Firebase Starter – Ionic 4

Overview

calendar.web.content.1.0.0.svg

Download an APK demo hereDownload Adobe XD design file here

Features

– Very easy to use.

-Full calendar backend.

-Firebase Firestore.

-Login

-Register

-Remember password

-CRUD

-Dates conversion

-Add event

-Edit event

and much more

Requirements

Ionic 4

Instructions

Getting Started

Copy the content of src folder into your development folder and execute: 
ionic serve
(Say yes to “Install @ionic/app-scripts?” question)
How to Deploy
https://ionicframework.com/doc…
Fonts
You can change the fonts by commenting or uncommenting the proper lines on file “src/global.scss”
Firebase
To add the connection to your app, go to the dashboard of your Firebase app and hit “Add Firebase to your web app” which will bring up your configuration object. Add this to src/app/environments/environment.ts and src/app/environments/environment.prod.ts
The content should be shown as follow:
export const environment = {
  production: false,
  firebase: {
    apiKey: “AIzaSyCXXXXXXXXXX3lbPQXXXXXXXXXTDg”,
    authDomain: “calendar-XXXXXa.firebaseapp.com”,
    databaseURL: “https://calendar-XXXXa.firebaseio.com”,
    projectId: “calendar-XXXXXa”,
    storageBucket: “”,
    messagingSenderId: “4XXXXXXXXX583”,
    appId: “1:43XXXXXXXX3:web:666XXXXXXXX4ba”
  }
};
Change the monthly head background
———————————-
Open the XD file, change the months headers and export it to “srctrunksrcassetsimgmonths” in jpg (keep current names as: January.jpg, February.jpg, etc…

Related