Welcome to the ILH Store E-commerce Application, an online shopping platform. Frontend of the project is developed using React, Redux, and Material UI, our application offers user registration and login features, product checkout along admin CRUD functionality and advanced product filtering.
This backend of this project is build wtih ASP.NET Core, Entity Framework Core, and PostgreSQL and is deployed on Microsoft Azure. The backend provides endpoints for performing CRUD operations based on Authorization. The backend of the project is accessible in this repository at https://github.com/hasanmd91/.NET_fullstack_project_backend
| Category | Libraries and Tools |
|---|---|
| Frontend Framework and Libraries | TypeScript, React, React Router, React Slick, React Hook Form |
| State Management | Redux Toolkit, React-Redux, Redux-persist |
| User Interface and Styling | Material UI, Material Icons |
| HTTP Requests | Axios |
| Form Validation | Yup |
| Testing | Jest, MSW (Mock Service Worker) |
Live Link : https://ilhshoestore.netlify.app/
To use the pre-built Docker image for this project, you can pull it from Docker Hub. Run the following command:
docker pull hasanmd91/ilhfrontend
Once the image is pulled, you can run the Docker container using the following command:
docker run -p 3000:3000 hasanmd91/ilhfrontend
- Users can register for an account and log in.
- Users can view all available products and individual product details.
- Users can post, delete and update products review.
- The ability to search and sort products is supported.
- Users can add products to their shopping cart.
- Cart management functionality is available.
- Users can order product by checkout no payment info is required
- users recive order confirmation email
- Admins have the ability to view and delete user accounts.
- Admins can view, edit, delete, and add new products.
- Admins can view all orders and update order status
- Admins can update a user to admin.
Demo Admin User
"email": "admin@gmail.com",
"password": "nokia6300"
Demo Customer User
"email": "vonkon@gmail.com",
"password": "nokia6300"
This project backend is build wtih ASP.NET Core, Entity Framework Core, and PostgreSQL and is deployed on Microsoft Azure. The backend provides endpoints for performing CRUD operations based on Authorization.
The frontend of the project has been deployed and is accessible in the repository at https://github.com/hasanmd91/fs16_CSharp-FullStack
In the project directory, you can run:
Install all the dependencies
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
├───public
│ ├───assets
│ └───projectImages
└───src
├───components
│ ├───AdminDataCard
│ ├───AdminSideBar
│ ├───AuthGuards
│ ├───Button
│ ├───Card
│ ├───CartIcon
│ ├───CartItem
│ ├───CenterContainer
│ ├───ImageSlider
│ ├───InputSearch
│ ├───InputSelect
│ ├───Link
│ ├───LoginForm
│ ├───Logo
│ ├───MainCarousel
│ ├───Modal
│ ├───Navbar
│ │ ├───HamburgerMenu
│ │ ├───NavigationBar
│ │ └───TooltipMenu
│ ├───Pagination
│ ├───ProductSideBar
│ ├───Subscribe
│ ├───TextField
│ └───UserRegisterForm
├───hooks
├───pages
│ ├───AdminPages
│ └───UserPages
├───redux
│ ├───reducers
│ └───thunks
├───test
│ ├───Data
│ ├───Reducers
│ └───server
├───types
├───utils
└───validation
- pIctures: https://www.pexels.com/