https://github.com/saifurrahmanemon/sre-industries

This project was built to get myself comfortable building projects with large code base and work in a professional real-world development environment with a short deadline in mind.
https://github.com/saifurrahmanemon/sre-industries

express firebase mantine mongodb react reactjs

Last synced: about 1 month ago
JSON representation

This project was built to get myself comfortable building projects with large code base and work in a professional real-world development environment with a short deadline in mind.

• Host: GitHub
• URL: https://github.com/saifurrahmanemon/sre-industries
• Owner: Saifurrahmanemon
• License: mit
• Created: 2022-05-31T04:59:14.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-09-25T05:25:14.000Z (about 2 years ago)
• Last Synced: 2024-04-24T11:06:02.973Z (8 months ago)
• Topics: express, firebase, mantine, mongodb, react, reactjs
• Language: JavaScript
• Homepage: https://sre-industries.web.app/
• Size: 11.8 MB
• Stars: 29
• Watchers: 2
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
 Welcome to  SRE Industries 👋




  

  

    

  

  



https://user-images.githubusercontent.com/70877552/182121676-b22634b8-aaa5-45e2-af19-f8bb3d4aec93.mp4

https://user-images.githubusercontent.com/70877552/172610370-0599d438-0496-452d-8614-11c12b13aecd.mp4




### SRE Industries is a full-stack web application that allows customers to buy automotive parts and admins to manage their products through a modern full-fledged Dashboard. Frontend is developed Using React and Node.js for the backend. App uses MongoDB for Database and Stripe for payment.

---

## About The Project

This project was built to get conformable building projects with large code bases and work in a professional real-world development environment with a short deadline in mind.

In this project, I have been exposed to many practical techniques that I wouldn't have learned otherwise. Examples as the following but are not limited to:

-  **Planning and implementing reusable complex UI components**

-  **Working with axios interceptors for secure data fetching and error handling**

-  **Writing and publishing my own npm package**

-  **Creating pixel-perfect designs for different devices**

-  **Working in functional programming paradigm with DRY concept in mind**

-  **Integrated with Stripe for secure Payment**

-  **Creating private routes for Admin and Users**

-  **Building complex backend with JWT**

-  **Working with React Query and Mantine Packages**

-  **Authentication with Firebase with email service**

---

## Main Features

---

✅ Modern UI with Dark Theme


✅ Responsive UI With Better user experience 


✅ Private dashboard for admins to manage company products


✅ Payment through Stripe


✅ Easy to use


✅ 100% secure and safe with jwt authorization


---

### Frontend

-  [React](https://reactjs.org/)

-  [Mantine UI](https://mantine.dev/)

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

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

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

-  [Tabler-Icon React](https://tabler-icons-react.vercel.app/)

---

### [Server Side Code](https://github.com/Saifurrahmanemon/SRE_Industries_server)

---

### Backend

---

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

-  [Dotenv](https://www.npmjs.com/package/dotenv)

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

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

### Plans

---

-  🧪 Write tests

---

### Contributing Guide

If you want to contribute, improve or fix bugs in this repo, then check out the [Contributing Guide](./CONTRIBUTING.md)