nayyhah / Firebase-for-Web

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Firebase-for-Web

Submission of Firebase for Web campaign Capstone Project
College Management App - One Stop Solution!

Problem Statement:

Storing Records, Grades, Fee details, Attendance, Staff details in different system can be a big problem at times.

Proposed Solution :

This project proposes a “Website for brining all the information of college at one place".

img

img

img

img

img

img

img

img

img

img

img

Instructions:

// Install latest version of Node.js from here : https://nodejs.org/en/

$ node -v // make sure, this command comes back with a node version
$ npm -v // make sure, this command comes back with a npm version

// Install Angular CLI
$ npm install -g @angular/cli
$ ng -v // make sure, this command comes back with a npm version
$ mkdir app
$ cd app
$ mkdir client
$ cd client
$ ng new SMA
$ cd SMS
$ ng serve

Key Features :

  • Authentication for all users
  • Instant Password Reset
  • Manage entire College stuff online for free
  • Role based access for Student, Parents, Professors and College Management
  • Instant access to records at anytime from anywhere
  • Notifications (Marks, Fees, Online Assignment posting etc)
  • Complete Online College Management App for storing Students Records, Grades, Fee, Attendance, Staff details and a lot more.

Functionality & Concepts used :

The Website has a very simple and interactive interface which helps all its users(students,professors,parents,management) to access all the information anytime from anywhere. Following are few Web and Firebase concepts used to achieve the functionalities in website :

  • Components : to add header, footer, search feature in the website. Header and footer components are reused in the website.
  • Directives : Define how the view components are placed. It also describes the overall structure of the website components.
  • Databinding : Show the synchronisation between model and view. It populates the websites after mapping the model and view of each website page.
  • Firebase Auth : To authenticate users to the website.

Application Use & Future Scope :

  • The app is can be used across all colleges aroung the world.
  • In future, its scope can be extended to all the educational instituions and many more features can be added.

About


Languages

Language:HTML 63.3%Language:TypeScript 35.8%Language:CSS 0.7%Language:JavaScript 0.2%