Scholarship Management System

Project Purpose

The Scholarship Management System is designed to streamline the process of managing and applying for scholarships. It provides an efficient and user-friendly platform for students, administrators, and institutions to interact seamlessly. The system aims to simplify the scholarship application process, track application statuses, and ensure transparency in the awarding process.

Live URL

Live Demo

Key Features

• User Authentication: Secure login and registration for students and administrators.
• Scholarship Listings: Browse available scholarships with detailed information.
• Application Management: Submit applications and track their progress.
• Admin Dashboard: Manage scholarship applications and approvals efficiently.
• Responsive Design: Fully responsive and accessible across all devices.
• Interactive UI: Smooth user experience with SwiperJS for dynamic content presentation.

Technologies Used

• HTML: Markup language for structuring web pages.
• JavaScript: Programming language for adding interactivity to web pages.
• TailwindCSS: Utility-first CSS framework for styling.
• React.js: Frontend framework for building the user interface.

Installation

To set up the project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Programming-Hero-Web-Course4/b10a12-client-side-eftakhar-491

2. Navigate to the project directory:

   cd ./demo

3. Install dependencies:

   npm install

4. Start the development server:

   npm start

NPM Packages Used

• @mui/material: React UI framework for building material design components.
• axios: Promise-based HTTP client for making API requests.
• firebase: Platform for building web and mobile applications.
• moment: Library for parsing, validating, and formatting dates.
• react: JavaScript library for building user interfaces.
• react-router-dom: Routing library for React applications.
• react-toastify: Library for providing toast notifications.
• recharts: Library for creating chart visualizations in React.
• swiper: Modern mobile touch slider for creating interactive elements.
• tailwindcss: Utility-first CSS framework for styling.

Contribution

Contributions are welcome! If you'd like to contribute to this project, feel free to fork the repository and submit a pull request.

Contact

For any inquiries or support, feel free to reach out at eftt042@gmail.com.