Welcome to our online shopping platform, the Ecommer T-shirts E-commerce Application! This full-stack project is developed using cutting-edge technologies including React, Redux, and Material UI for the front end, and a robust Strapi back end server integrated with Stripe payment method for secure transactions.
| Category | Libraries and Tools |
|---|---|
| Frontend Framework and Libraries | JavaScript, React, React Router, React Slick, React Hook Form |
| State Management | Redux Toolkit, React-Redux, Redux-persist |
| User Interface and Styling | Material UI, Material Icons |
| Form Validation | Yup |
| Category | Libraries and Tools |
|---|---|
| Strapi | JavaScript, Node |
| Database | Postgresql |
| Payment | Straipe |
Live Link : https://ecommertshirts.netlify.app/
│ .gitignore
│ README.md
│
├───client
│ │ .env
│ │ .gitignore
│ │ package-lock.json
│ │ package.json
│ │ README.md
│ │
│ │
│ ├───public
│ │ favicon.ico
│ │ index.html
│ │ logo192.png
│ │ logo512.png
│ │ manifest.json
│ │ robots.txt
│ │ _redirects
│ │
│ └───src
│ │ App.js
│ │ index.css
│ │ index.js
│ │ theme.js
│ │
│ ├───components
│ │ Item.jsx
│ │
│ ├───scenes
│ │ ├───checkout
│ │ │ AddressForm.jsx
│ │ │ Checkout.jsx
│ │ │ Confirmation.jsx
│ │ │ Error.jsx
│ │ │ Payment.jsx
│ │ │ Shipping.jsx
│ │ │
│ │ ├───global
│ │ │ CartMenu.jsx
│ │ │ Footer.jsx
│ │ │ Navbar.jsx
│ │ │
│ │ ├───home
│ │ │ Home.jsx
│ │ │ MainCarousel.jsx
│ │ │ ShoppingList.jsx
│ │ │ Subscribe.jsx
│ │ │
│ │ └───itemDetails
│ │ ItemDetails.jsx
│ │
│ └───state
│ index.js
│
└───server
│ .editorconfig
│ .env.example
│ .eslintignore
│ .eslintrc
│ .gitignore
│ .strapi-updater.json
│ favicon.png
│ jsconfig.json
│ package-lock.json
│ package.json
│ README.md
│
├───.strapi
│ └───client
│ app.js
│ index.html
│
├───config
│ admin.js
│ api.js
│ database.js
│ middlewares.js
│ plugins.js
│ server.js
│
├───database
│ └───migrations
│ .gitkeep
│
├───public
│ │ robots.txt
│ │
│ └───uploads
│ .gitkeep
│
├───src
│ │ index.js
│ │
│ ├───admin
│ │ app.example.js
│ │ webpack.config.example.js
│ │
│ ├───api
│ │ │ .gitkeep
│ │ │
│ │ ├───item
│ │ │ ├───content-types
│ │ │ │ └───item
│ │ │ │ schema.json
│ │ │ │
│ │ │ ├───controllers
│ │ │ │ item.js
│ │ │ │
│ │ │ ├───routes
│ │ │ │ item.js
│ │ │ │
│ │ │ └───services
│ │ │ item.js
│ │ │
│ │ └───order
│ │ ├───content-types
│ │ │ └───order
│ │ │ schema.json
│ │ │
│ │ ├───controllers
│ │ │ order.js
│ │ │
│ │ ├───routes
│ │ │ order.js
│ │ │
│ │ └───services
│ │ order.js
│ │
│ └───extensions
│ .gitkeep
│
└───types
└───generated
components.d.ts
contentTypes.d.ts
- User-friendly Interface: Enjoy a sleek and intuitive interface designed with Material UI for a seamless shopping experience.
- Product Catalog: Browse through an extensive collection of trendy t-shirts available for purchase.
- Shopping Cart: Easily add and manage selected items before checkout.
- Secure Payments: Utilizing Stripe's secure payment gateway for safe and convenient transactions.
- Admin Dashboard (Strapi): Manage products, orders, and users efficiently through the Strapi back end.
- pIctures: https://www.pexels.com/