Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/shiham123/bd-quick-school-client

This is our group project based on MERN Stack and build with various library. And this is client site
https://github.com/shiham123/bd-quick-school-client

firebase-auth matarial-ui mern-stack react-quiz reactjs-es6 tailwindcss zegocloud

Last synced: about 1 month ago
JSON representation

This is our group project based on MERN Stack and build with various library. And this is client site

Awesome Lists containing this project

README 

        
# Website Name : Bd-quick-school



## Website live link :



- _**Live Link**_



## How to Run this project



#### after cloning this in your local computer type npm install --force



#### And After that type npm run dev to run this project in your local computer.



#### We use a [vercel](https://vercel.com/dashboard) deploy link in 23 places if you have to run in your local database then remove those



## Technologies We have Used



- _**Fronted**_

  - HTML

  - CSS

  - [Tailwind CSS](https://tailwindcss.com)

  - React

    - [React Router](https://reactrouter.com/en/main)

  - [Redux](https://redux.js.org)

  - [Tanstack query](https://tanstack.com/query/latest)

  - [Axios](https://axios-http.com/docs/intro)

- _**Backend**_

  - [ExpressJs](https://expressjs.com)

  - [NodeJs](https://nodejs.org/en)

- _**Database**_

  - [Mongodb](https://www.mongodb.com)

- _**Authentication**_

  - [Firebase](https://firebase.google.com)

  - [JWT](https://jwt.io)

- _**Payment**_

  - [SSL](https://sslcommerz.com) payment system

- _**Image hosting**_

  - [ImgBB](https://imgbb.com)

- _**Build Tools**_

  - [Vite](https://vitejs.dev) for project run.

  - Fronted Hosting [Netlify](https://www.netlify.com)

  - Backend Hosting [Vercel](https://vercel.com/dashboard)



## Explanation Of All pages Features :



## Home Page



1. **Navbar**



   - A responsive and a fixed navbar while scrolling



2. **Banner**

   - Banner has a lottie animation in right side.

   - four card of with heading and a short description in left side

3. **Slider**

   - In slider we use [Swiper js](https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&ved=2ahUKEwjB4J20oeGEAxUF2DgGHaUUBscQFnoECAYQAQ&url=https%3A%2F%2Fswiperjs.com%2F&usg=AOvVaw0niHET1zHIJweC_aCjAeJC&opi=89978449) and add multiple card from various course from our website.

4. **How it works**

   - Here we describe shortly how our website work.

5. **Why choose us**

   - In this section we describe why user have to choose our website for gain their goal.

6. **Overview**

   - In this section user can see, we have to option to provided services a normal user and a pro user.

7. **Meet Our team member**

   - In this section we use [react-fast-marquee](https://www.react-fast-marquee.com) for show our excellent all team members.

8. **Frequently asked question**

   - In this section we use [Material UI](https://mui.com/material-ui/) Faq components

9. **Our success banner**

   - In this section we use React [countUp](https://www.npmjs.com/package/react-countup) Package

10. **Our feedback section**



    - In this section we use [Swiper js](https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&ved=2ahUKEwjB4J20oeGEAxUF2DgGHaUUBscQFnoECAYQAQ&url=https%3A%2F%2Fswiperjs.com%2F&usg=AOvVaw0niHET1zHIJweC_aCjAeJC&opi=89978449) and a custom form to get feedback our all website visitors, with fully backend interactions



11. **Footer**

    - This is responsive footer we have.

    - We have four section in footer

      - A overview

      - Our services

      - Quick links

      - A short gallery

12. **Copyright**

    - A copyright section.