Live site: https://pinnaclemall.netlify.app/
Welcome to my Fullstack E-Commerce project(PinnacleMall)! This application was created with React, Redux, Typescript and MUI on the front-end, and ASP .NET Core 7 on the back-end. The goal is to provide a seamless experience for users, along with robust management system for administrators. The backend API are hosted in Microsoft Azure. The frontend is hosted in netlify and the database is hosted in ElephantSQL.
The project follows CLEAN architecture approach.
MUI TypeScript, React, Redux Toolkit
ASP .NET Core 7, Entity Framework Core, PostgreSQL
- User Management: Users can register for an account and log in. Users cannot register themselves as admin.
- Browse Products: Users can view all available products, view single product details.
- Signed in user can write a reviews to products.
- Add to Cart: Users can add products to a shopping cart and manage the cart.
- Checkout: Users can place orders.
- User Management: Admins can view and delete users.
- Product Management: Admins can view, edit, delete, and add new products.
- CLEAN Architecture: The backend follows the CLEAN architecture. See Architecture.md for details.
- Entity-Relationship Diagram:
- Authentication:
- Clone the Repository: git clone <repository_url>
- Set Up Database: Plan your database schema and set up the PostgreSQL database.
- File Structure:
- Navigate to the backend folder: cd backend
- Restore dependencies: dotnet restore
- Update database: dotnet ef database update
- Run the backend server: dotnet run
- Navigate to the frontend folder: cd frontend
- Install dependencies: npm install
- Start the frontend development server: npm start