/Faculty_And_Staff_Directory

Primary LanguageJavaScript

Visit Website

https://maven-se17.netlify.app/

Demonstration Video of our Project

https://www.youtube.com/watch?v=gWXlKQp9F_M

Group-17-Faculty-Staff-Directory ⚛️ 🚀

Online faculty staff directory empowers user to easily view college faculty details. Student can easily view different college faculty details anywhere required at any time as this application is handy. This system is built with effective graphical user interface which enables user friendliness. User can search faculty details and view their respective details such as name, department, courses, area of expertise, and professional interest. This system reduced time and cost of user. Here there are two entities who will access this system i.e. admin and student. Admin is authorized to add and manage all the faculty details. User doesn’t require any registration or login to access this system. User can directly search for faculty and view their details. Data in database are maintained securely without any maintenance cost.

Table of Contents

What is this?

Online Faculty Staff directory for multi university is a fully responsive React, Firebase Application.

Features

  • Fully Responsive Web-Design
  • Firebase/React implementation
  • Authentication & authorization
  • Pick between Realtime Database and Firestore
  • Create/modify/delete users
  • Change/Reset Password built into the dashboard.
  • User filtering and search

Tech Stack

Core

  • NPM this project is powered with npm node package manager which provides it with functionality of tonnes of awesome javascript libraries.
  • Create React App (★ 76.5k) this project was bootstrapped with create react app (see user guide).
  • React-router (★ 39.6k) declarative routing for React.
  • Firebase for serverless architecture - CDN Hosting, Realtime Database, Authentication, Storage and Cloud Functions (see docs).
  • FirebaseUI-web-react (★ 732) social media authentication library.
  • Material UI Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.
  • React Admin A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design.

Unit Testing

Prerequisites

You also need to be familiar with HTML, CSS, SASS, JavaScript (ES2015) and React with React Hooks.

User-Guide

Clone this repository:

git clone https://github.com/201801057/Group-17-Faculty-Staff-Directory.git

Install npm packages:

npm install react-scripts

Start working:

npm start

Build Commands:

npm run build

Demo

Web Application Link

Contributors

We'd like to thank these awesome people who made this whole thing happen: