Merit-Matrix

• A scholarship management website

Live_site: https://merit-matrix-375m.web.app

Assignment12_category_0021

Run the Project Locally

1. Clone the Repository:

     git clone https://github.com/mohaiminul375/merit-matrix-client.git
     cd merit-matrix-client

2. Install Dependencies:

   npm install

3. Set Up Environment Variables: Create a .env.local file in the root directory and add the necessary environment variables. (Important!)

4. Run the Application:

   npm run dev -- --host

5. Access the Site: Open your browser and go to http://localhost:5173/ or http://192.168.1.12:5173/ from other devices on the same network to view the application.

website features

• Default User:

• Scholarship Search: Users can find suitable scholarships by searching for the scholarship name, degree name, or university name.

• Application Process:

• Apply for scholarships after completing a payment via Stripe.

• Edit applications while they are in the processing status.

• Cancel applications at any time.

• Provide reviews after apply.

• Moderator:

• Moderator Dashboard: Access a dedicated dashboard for managing scholarships and applications.

• Scholarship Management:

• Add new scholarships.

• Update existing scholarships.

• Delete scholarships.

• Application Management:

• View and manage all applications.

• Change application statuses to pending, processing, or complete.

• Reject applications as needed.

• Admin:

• Admin Dashboard: Access a dedicated dashboard with comprehensive management features.

• here admin can see some information

• All Moderator Capabilities: All functionalities available to Moderators.

• User Management:

• Manage all users in the system.

• Promote users to Admin or Moderator roles.

Access Info

• Admin email: [email protected]

• Admin password: admin@A1

• Moderator email: [email protected]

• Moderator password: 1235A20#

Technology

• HTML, CSS, React (front-end)
• Express.js, MongoDB(back-end)
• Firebase,Vercel(host)
• Stripe(payment)

npm and Packages

• vite
• react
• react router dom
• tailwind css
• daisyUI
• Meraki UI
• sweet alert 2
• swiper.js
• react hook form
• axios
• tan stack query
• react spinner
• react stripe
• react icons
• react-phone-number-input
• date-fns
• react date picker
• react-async-helmet
• prop-types