An e-commerce website made using redux Chakra UI with all CRUD operations at admin panel.
Mytheresa is the finest edit in luxury fashion for women, men and kids. We have over 200 of the best international designers, 600 new arrivals each week, fast and reliable delivery, excellent customer service, utmost security and data protection, and free returns and exchanges within 30 days.
https://luminous-swan-cc6644.netlify.app/Working Feautres :-
- Entirely responsive Kids Page
- Entirely responsive Life Page
- Entirely responsive Men Page
- Entirely responsive Women Page
- Entirely responsive Landing Page
- Entirely responsive Navbar and Footer part
- All Product page with filtering and sorting features
- Search functionality
- Cart Secion with private routing
- Removing of product from cart using redux
- Wishlist with private routing
- Removing of product from wishlist using redux
- Login for User as well as admin through firebase
- Sign Up for new user through firebase
- Adding new product in admin panel using redux
- Updating the price of the already existing product
- Deleting the product form the backend data through admin panel
Tech Stack :-
- React
- Redux
- Firebase
- Chakra UI
- Javascript
- External Css
- For backend-server deployment we have used Vercel.
Steps to start :-
- npm install
- npm run server for running sever in localhost at port 8080
- npm run start Now site is infront of you
Team Members :-
- Tarun Sharma
- Shiv Pratap Singh Yada
- Shubham Patel
- Ashish
This page shows user all the products which are available in the database and user can sort them according to their price from low to high or vice versa. User can search for a specific item by using the search bar.
User can choose the product for a specific brand by clicking on the brand listed on the sidebar also. User can click on any product and he/she will be redirected on single product page
This is single product page where user can see more details about the product and compare the product according to their needs. Further user can add the product in wishlist or in the cart after logging in the website.
User can either go directly for purchasing the product or he can add the product in the wishlist as per user wish.
Here user can login to proceed before purchasing the product, so that in future they can track their order details and track order too. This login
This is our cart page where user can remove or keep the product, see what's the total price of all products in the cart and can proceed further to checkout page before payment.
Before Checking out user have to fill in the details about his address where he/she wants the product to get delivered. Here we have primarily focused upon the form validation part, if any field is kept empty the user will get to about the mandatory fields.
Once the user have filled all the details of his/her address they will be redirected to the checkout page so they can verify once more before placing the order so they don't make any mistakes.
After checkout Page User will be redirected to the payment page where they have to put 16 digits of pin, 3 digits of cvv and expiry date too otherwise order won't be placed.
Once all the details are filled user will get the confirmation of placed order.
Admin would be able to see the icon shown below on navbar after logging in with the specific given admin ID and password.
After clicking on admin icon he will be redirected to admin panle page where admin can
- Add new Product in the database
- Delete alredy existing product from database.
- Update the price of already existing product.
