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
• 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