https://github.com/mahimdev/scholar-ease-client
ScholarEase is a comprehensive scholarship management platform that helps users search, filter, and browse available scholarships efficiently. It simplifies the process of finding relevant opportunities through an intuitive and responsive interface.
https://github.com/mahimdev/scholar-ease-client
express firebase javascript mongodb nodejs react tailwindcss
Last synced: 3 months ago
JSON representation
ScholarEase is a comprehensive scholarship management platform that helps users search, filter, and browse available scholarships efficiently. It simplifies the process of finding relevant opportunities through an intuitive and responsive interface.
- Host: GitHub
- URL: https://github.com/mahimdev/scholar-ease-client
- Owner: mahimDev
- Created: 2025-01-31T14:13:05.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-19T10:52:05.000Z (over 1 year ago)
- Last Synced: 2025-05-16T13:11:22.385Z (about 1 year ago)
- Topics: express, firebase, javascript, mongodb, nodejs, react, tailwindcss
- Language: JavaScript
- Homepage: https://scholar-ease-c79fe.web.app/
- Size: 245 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **📌 ScholarEase**
🚀 **Live Website:** [ScholarEase](https://scholar-ease-c79fe.web.app/)
### **📖 Overview**
ScholarEase is a **comprehensive scholarship management platform** that helps users search, filter, and browse available scholarships efficiently. It simplifies the process of finding relevant opportunities through an intuitive and responsive interface.
---
## **✨ Features**
✅ **Scholarship Search & Filter** – Find scholarships based on university name, degree, or scholarship name.
✅ **Secure Authentication** – Firebase-based authentication for secure login and user management.
✅ **Responsive Design** – Fully optimized for **mobile, tablet, and desktop** views.
✅ **Payment Integration** – Stripe-powered payment system for smooth transactions.
✅ **Interactive UI** – Swiper-based carousel and animations for enhanced user experience.
✅ **Pagination** – Efficient navigation for browsing multiple scholarships.
✅ **Data Fetching & Caching** – Powered by **TanStack Query (React Query)** for optimized API handling.
✅ **Toast Notifications** – Interactive alerts and success messages using **React Toastify**.
---
## **🛠️ Tech Stack**
### **Frontend:**
- ⚛️ **React.js** – Component-based UI development
- 🎨 **Tailwind CSS** – Fast & modern styling
- 🚀 **React Router DOM** – Client-side routing
- 📊 **Recharts & React Minimal Pie Chart** – Data visualization
- 🔄 **React Query** – Efficient API data fetching
- 💳 **Stripe API** – Payment processing
- 📌 **React Icons** – Beautiful icons for UI enhancement
- 📜 **Swiper.js** – Smooth carousel & slider
### **Backend & Database:**
- 🛠️ **Node.js & Express.js** – Backend API
- 📦 **MongoDB** – Database for storing user & scholarship data
- 🔑 **JWT (JSON Web Tokens)** – Secure user authentication
- 🔥 **Firebase Authentication** – User login & authentication
### **Other Dependencies:**
- 📨 **Axios** – API requests handling
- ⏳ **Lodash.debounce & Match Sorter** – Optimized searching
- 📦 **LocalForage** – Local storage caching
- ✨ **Framer Motion** – Smooth animations
---
## **📥 Installation & Setup**
### **🔹 Clone the Repository**
```sh
git clone https://github.com/mahimDev/scholar-ease-client.git
cd scholar-ease-client
```
### **🔹 Install Dependencies**
```sh
npm install
```
### **🔹 Setup Firebase Configuration**
Create a `.env` file in the root directory and add your **Firebase API keys**:
```env
VITE_FIREBASE_API_KEY=your_api_key
VITE_FIREBASE_AUTH_DOMAIN=your_auth_domain
VITE_FIREBASE_PROJECT_ID=your_project_id
VITE_FIREBASE_STORAGE_BUCKET=your_storage_bucket
VITE_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id
VITE_FIREBASE_APP_ID=your_app_id
```
### **🔹 Start the Development Server**
```sh
npm run dev
```
The application will be available at `http://localhost:5173/`
---
## **🚀 Deployment**
- The frontend is deployed on **Firebase Hosting**.
- The backend is deployed on **Vercel / Render**.
To deploy manually:
```sh
npm run build
firebase deploy
```
---
## **📞 Contact & Support**
📧 **Email:** md286667@gmail.com
🌐 **Website:** [ScholarEase](https://scholar-ease-c79fe.web.app/)
---
Let me know if you need any modifications! 🚀🔥