EduBridge - Connecting You to a World of Opportunities

Visit the live website

EduBridge is an innovative Scholarship Management System designed to simplify the process of finding and applying for scholarships. It provides students with a seamless and efficient way to discover scholarships tailored to their academic goals and personal profiles. EduBridge is built with a user-centric approach, ensuring ease of use, security, and responsiveness across devices.

With EduBridge, students can search for scholarships, apply directly, track their applications, and get access to role-based services for admins and moderators.

---

Table of Contents

• Technology Stack
• Features
• Installation Guide
• How to Run the Project
• Usage
• Dependencies
• License

---

Technology Stack

EduBridge is built with the following modern technologies:

Frontend:

• React.js: A popular JavaScript library for building user interfaces, used for creating dynamic and responsive web pages.
• Tailwind CSS: A utility-first CSS framework for building custom designs without writing CSS.
• Vite: A next-generation, fast build tool that significantly enhances the development experience.
• React Router Dom: For navigation and routing within the application.
• Daisy UI: A component library for Tailwind CSS that provides beautiful and customizable UI components.
• Lottie React: For integrating animations into the application for a more engaging experience.

Backend:

• Firebase: A backend-as-a-service platform used for authentication, database storage, and cloud functions. It simplifies backend development and ensures scalability.

State Management and Data Handling:

• React Query: Manages data fetching, caching, synchronization, and more, making API calls more efficient and easy to manage.
• React Hook Form: A library for handling form inputs and validation in React applications.

Payment Integration:

• Stripe: For secure payment processing, enabling users to pay application fees for scholarships.

UI Enhancements:

• React Icons: A library of popular icons for use in React projects.
• React Rating & React Star Ratings: For displaying ratings and feedback from users.
• Swiper: A modern touch slider for displaying images or content in a clean, swipeable manner.
• SweetAlert2: For creating beautiful and customizable alerts and modals.

---

Features

1. Scholarship Search:

• Search through a wide range of scholarships offered by universities and institutions worldwide.
• Filter scholarships based on country, university, field of study, and more.

2. Application Management:

• Users can apply for scholarships directly through the platform.
• Track the status of applications, receive updates, and get notifications about deadlines and approvals.

3. Role-Based Access Control:

• Students: Access scholarships, apply, and manage their profiles.
• Admins: Admins can manage scholarship listings, verify applications, and control user access.
• Moderators: Moderate the content, user applications, and make sure everything complies with platform standards.

4. Stripe Integration:

• Secure payment gateway for scholarship application fees.
• Easy-to-use and trusted by millions of users worldwide.

5. Responsive Design:

• The platform is fully responsive, ensuring a great user experience across all devices – desktops, tablets, and mobile phones.

6. Interactive UI:

• Engaging user interface with smooth animations and transitions, powered by Lottie and React.
• Interactive elements like ratings, sliders, and modals create a rich user experience.

7. Dynamic Content with React Query:

• The application dynamically fetches scholarship data and updates the UI based on user interaction, ensuring an optimal experience.

8. Error Handling & Alerts:

• Beautiful and user-friendly error handling with SweetAlert2 for alerting users about issues such as form submission errors or payment failures.

---

Installation Guide

To get started with the project locally, follow the steps below.

1. Clone the repository:

git clone https://github.com/chanbadsha/edubridge.git