https://github.com/rahulkrsharma2004/myntra-app-frontend
Myntra is an online e-commerce website for personal care and beauty products. Signup and login functionality , User and admin dashboard , Product and cart page are some of the features. Built the backend via NodeJS and MongoDB. Created the admin dashboard with all functionality Designed product and single product page.
https://github.com/rahulkrsharma2004/myntra-app-frontend
axios chakra-ui css css-animations frontend html javascript react-hooks react-router-dom reactjs responsive
Last synced: 3 months ago
JSON representation
Myntra is an online e-commerce website for personal care and beauty products. Signup and login functionality , User and admin dashboard , Product and cart page are some of the features. Built the backend via NodeJS and MongoDB. Created the admin dashboard with all functionality Designed product and single product page.
- Host: GitHub
- URL: https://github.com/rahulkrsharma2004/myntra-app-frontend
- Owner: Rahulkrsharma2004
- Created: 2024-02-03T19:10:35.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-20T16:30:08.000Z (8 months ago)
- Last Synced: 2025-01-17T04:10:06.397Z (4 months ago)
- Topics: axios, chakra-ui, css, css-animations, frontend, html, javascript, react-hooks, react-router-dom, reactjs, responsive
- Language: JavaScript
- Homepage: https://myntra-project-nu.vercel.app
- Size: 3.31 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Myntra-App-Frontend
## Folder Structure
├── assets
├── Components
│ ├── Cart
│ │ ├── Cart.jsx
│ │ └── Cart.css
│ ├── Footer
│ │ ├── Footer.jsx
│ │ └── Footer.css
│ ├── Product
│ │ ├── Product.jsx
│ │ └── Product.css
│ ├── Navbar
│ │ ├── Navbar.jsx
│ │ └── Navbar.css
│ ├── Login
│ ├── Login.jsx
│ └── Login.css
├── Context
│ └── AuthContext.jsx
├── Pages
│ ├── bag
│ │ ├── Bag.jsx
│ │ └── Bag.css
│ ├── home
│ │ ├── Home.jsx
│ │ └── Home.css
│ ├── login
│ │ ├── Login.jsx
│ │ └── Login.css
│ ├── orders
│ │ ├── Order.jsx
│ │ └── Order.css
│ ├── product
│ │ ├── product.jsx
│ │ └── Product.css
│ ├── profile
│ │ ├── profile.jsx
│ │ └── Profile.css
│ ├── wishlist
│ ├── Wishlist.jsx
│ └── Wishlist.css
├── Routes
│ └── AllRoute.jsx
├── App.jsx
├── App.css
├── main.jsx
└── index.css
### .gitignore
### index.html
### package-lock.json
### package.json
### vite.config.js
--------------------------------------------------------------
## Description
Myntra is an online e-commerce website for personal care and beauty products. Signup and login functionality , User and admin dashboard , Product and cart page are some of the features. Built the backend via NodeJS and MongoDB. Created the admin dashboard with all functionality Designed product and single product page.
## Features
- **Home Page:** Displays various categories, featured products, and promotional banners.
- **Product Listing:** Allows users to browse products by category with filters and sorting options.
- **Product Details:** Provides detailed information about a selected product, including images, price, and description.
- **Search Functionality:** Users can search for products by name or category.
- **Cart Management:** Users can add products to the cart, view cart items, and remove items from the cart.
- **User Authentication:** Sign up, log in, and log out functionality.
- **Profile Management:** Users can view and update their profile information.
- **Order Management:** Users can view their order history and order details.
- **Responsive Design:** The application is fully responsive and works well on all devices.
## Tech Stack
- **React.js:** For building the user interface.
- **Tailwind CSS:** For styling and layout.
- **Axios:** For making HTTP requests to the backend.
- **React Router:** For routing and navigation.
- **Netlify:** For deployment.
- **github:** For deployment.
- **Html:** For making code .
- **css:** For making style.
- **antd:** For for sweemer.
- **js:** For functionality.
- **Chakra UI:** For dropdoown And hamaburger.
## Screenshots
## Installation
Follow these steps to set up the project locally:
1. **Clone the repository:**
```sh
git clone https://github.com/Rahulkrsharma2004/Myntra-App-Frontend/frontend.git
cd Myntra-App-Frontend/frontend
npm run dev