Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/awais-124/react-student-portal
A Student Portal with Student, Teacher and Admin Module built using React and Firebase.
https://github.com/awais-124/react-student-portal
admin-dashboard css firebase firestore fullstack-javascript javascript react student-portal
Last synced: 20 days ago
JSON representation
A Student Portal with Student, Teacher and Admin Module built using React and Firebase.
- Host: GitHub
- URL: https://github.com/awais-124/react-student-portal
- Owner: awais-124
- Created: 2024-09-05T10:06:27.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-09-21T11:27:38.000Z (4 months ago)
- Last Synced: 2024-11-02T13:42:18.390Z (2 months ago)
- Topics: admin-dashboard, css, firebase, firestore, fullstack-javascript, javascript, react, student-portal
- Language: JavaScript
- Homepage:
- Size: 4.36 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# A FullStack Student Portal
## Developed using React.js and Firebase
> ### Contains three modules
- Student
- Teacher
- Admin---
> ### To Get Started you need to setup Firebase Project
> #### Update `firebaseConfig.js` accordingly.
>
```js
import { initializeApp } from 'firebase/app';
import { getFirestore } from 'firebase/firestore';const firebaseConfig = {
apiKey: 'YOUR_API_KEY',
authDomain: 'YOUR_DOMAIN_NAME',
projectId: 'YOUR_PROJECT_ID',
storageBucket: '_YOUR_STORAGE_BUCKET',
messagingSenderId: 'YOUR_MESSENGER_ID',
appId: 'YOUR_APP_ID',
};const app = initializeApp(firebaseConfig);
const db = getFirestore(app);export { db, app };
```> ## Pre-requisistes
- Nodejs
- npm or yarn
- react
- firebase account
- firebase CLI
- Git> ## To Get Started
- clone the repo `git clone https://github.com/awais-124/react-student-portal.git`
- run `npm install`
- run `npm start` to start development server. Headover to `localhost:3000` to see it live.
- run `npm run build` to create build directory.
- You are good to go.