https://github.com/shejanmahamud/dev-cluster-task
https://github.com/shejanmahamud/dev-cluster-task
firebase react redux-persist redux-toolkit tailwindcss
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/shejanmahamud/dev-cluster-task
- Owner: ShejanMahamud
- Created: 2024-07-08T12:50:01.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-07-09T06:07:19.000Z (11 months ago)
- Last Synced: 2025-01-07T23:36:33.888Z (5 months ago)
- Topics: firebase, react, redux-persist, redux-toolkit, tailwindcss
- Language: JavaScript
- Homepage: https://dev-cluster.vercel.app
- Size: 462 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Dev Cluster Student Portal Task
## Features
- **Add Students:** Add new students to the portal.
- **Update Students:** Edit student information.
- **Delete Student:** Remove a student from the portal.
- **Filter Students:** Filter the list of students based on their roll number.
- **Search Students:** Search for students by their name.
- **Combined Filter and Search:** Search within the filtered list of students.
- **Pagination:** Display students in pages, with 5 students per page by default. (Please add at least 5 students to see pagination in action.)
- **Private Route and Google Login:** Secure the routes with authentication and allow login via Google.
## Challenges & Solutions
I had limited experience with Redux Toolkit before starting this project. Through documentation and tutorial videos, I was able to learn and implement it effectively.
## Technologies Used
- **React**
- **Redux**
- **Tailwind CSS**
- **Firebase**
- **Redux Persist**
## Running the Project
1. Clone the repository:
```sh
git clone https://github.com/ShejanMahamud/dev-cluster-task.git
cd dev-cluster-task
```
2. Install dependencies:
```sh
npm install
```
3. Create a `.env` file in the root directory and add your Firebase configuration:
```
VITE_FIREBASE_API_KEY=""
VITE_FIREBASE_AUTH_DOMAIN=""
VITE_FIREBASE_PROJECT_ID=""
VITE_FIREBASE_STORAGE_BUCKET=""
VITE_FIREBASE_MESSAGING_ID=""
VITE_FIREBASE_APP_ID=""
```
4. Run the project locally:
```sh
npm run dev
```
5. Build the project:
```sh
npm run build
```
## Live Demo
Check out the live demo [here](https://dev-cluster.vercel.app/).
---
Thank you for visiting!