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.

Welcome to SRE Industries 👋

UserSide.mp4

AdminSide.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
• Mantine UI
• Firebase
• React Router
• Axios
• Tabler-Icon React

---

Server Side Code

---

Backend

---

• Express
• Dotenv
• Jsonwebtoken
• MongoDB

Plans

---

• 🧪 Write tests

---

Contributing Guide

If you want to contribute, improve or fix bugs in this repo, then check out the Contributing Guide