Scholarship Management System

🎯 Purpose

The Scholarship Management System enables students to find, apply for, and manage scholarships for universities. It supports three user roles: User, Admin, and Moderator, with role-based functionality and dashboards. This platform aims to simplify scholarship searching, applications, and review management.

🌐 Live URL

https://scolarship-management.web.app

---

🚀 Key Features

General

• Responsive Design: Optimized for mobile, tablet, and desktop views.
• Environment Variables: Firebase and MongoDB credentials are secured using .env files.
• Secure Authorization: Role-based route protection using Firebase and environment variables.
• Error Handling: Custom 404 page for unmatched routes.

---

Home Page

• Navbar: Displays Home, All Scholarships, User Dashboard, Admin Dashboard, Moderator Dashboard and Login/Logout buttons based on the user's role.
• Banner: Interactive carousel with 3 sliders .
• Top Scholarships: Highlights 6 scholarships with an option to view all scholarships.
• Extra Sections: FAQ Section, Why Choose Us Section and Contact Us Section related to scholarships/university resources.
• Scholarship Cards:
  • Details: University name, image/logo, scholarship category, location, application deadline, subject, fees, rating, and details button.

Scholarship Details Page (Private Route)

• Displays full scholarship details: university, category, location, deadlines, stipend (if applicable), fees, and description.
• Apply for Scholarship: Redirects to a payment page for application fee submission.
• Reviews Section: Carousel with user reviews including name, image, date, rating, and comments.

All Scholarships Page

• Search Functionality: By scholarship name, university, or degree.
• Pagination: Display scholarships in pages for easier navigation.
• Empty State: Meaningful message when no scholarships are found.

---

Authentication

• Registration/Login: Email/password-based authentication with Firebase.
• Social Login: Support for one social platform login.
• Validation: Password must include at least 6 characters, 1 capital letter, and 1 special character.
• User Role: Default role is User (modifiable by Admin).

---

User Dashboard (Private Route)

1. My Profile: Displays logged-in user's name, image, and role.
2. My Applications: Shows all submitted applications with:
   • Editable information (if status is "Pending").
   • Cancel and review options.
   • Feedback, application fees, status, and action buttons (details, edit, cancel, review).
3. My Reviews:
   • Displays user's reviews in tabular format.
   • Edit/Delete functionality with modal inputs.

---

Moderator Dashboard (Private Route)

• Applications Management:
  • View all applications.
  • Update status (e.g., Pending, Processing, Rejected).
  • Send feedback to applicants.
• Review Management:
  • Edit/Delete reviews.
• Role Management:
  • Manage user roles (promote/demote to Moderator or Admin).

---

Admin Dashboard (Private Route)

• All features of Moderator Dashboard.
• Full access to role and user management.
• View website analytics.

---

💻 Technology Stack

Frontend

• React.js
• Tailwind CSS
• DaisyUI
• TanStack Query: Used for all GET requests.
• Sweet Alert: For notifications and alerts.

📦 NPM Packages Used

• react-router-dom

• react-icons

• tanstack/react-query

• axios