https://github.com/piryanshu88/apnidukan
Welcome to H&M clone website! This is a replica of the official H&M website, built for educational purposes only.
https://github.com/piryanshu88/apnidukan
bycrypt chakra-ui cyclic hm html-css-javascript html5 jwt-authentication mongodb-atlas mongoose netlify react-router-dom reactjs redux redux-thunk typescript
Last synced: 3 months ago
JSON representation
Welcome to H&M clone website! This is a replica of the official H&M website, built for educational purposes only.
- Host: GitHub
- URL: https://github.com/piryanshu88/apnidukan
- Owner: Piryanshu88
- Created: 2023-02-28T13:19:18.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-04-18T18:04:50.000Z (over 2 years ago)
- Last Synced: 2024-04-09T15:24:48.292Z (over 1 year ago)
- Topics: bycrypt, chakra-ui, cyclic, hm, html-css-javascript, html5, jwt-authentication, mongodb-atlas, mongoose, netlify, react-router-dom, reactjs, redux, redux-thunk, typescript
- Language: JavaScript
- Homepage: https://hennes-mauritz-clone.netlify.app/
- Size: 63.4 MB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
ApniDukan
H & M Hennes & Mauritz AB or H&M Group (abbreviated H&M) is a multinational clothing company based in Sweden that focuses on fast-fashion clothing for men, women, teenagers, and children
## 📃 Table of Content
- | **[Installation ](#installation)**
- | **[Tech Stacks ](#tech-stacks)**
- | **[Screens ](#screens)**
- | **[Features ](#features)**
- | **[SnapShots for Different Screen Sizes ](#snapShots-for-different-screen-sizes)**
- | **[SnapShots of Website](#snapShots-of-website)**
- | **[Contributing ](#contributing)**
- | **[Contact ](#contact)**
## Installation
To install the project on your local machine, please follow these steps:
1. Clone the repository: `git clone https://github.com/Piryanshu88/ApniDukan.git`
2. Navigate to the project directory: `cd Client/apnidukan`
3. Install the necessary dependencies: `npm i`
4. Start the development server: `npm start`
## Usage
Once you have installed the project and started the development server, you can view the website at http://localhost:3000/.
The website is a clone of the official H&M website, so you can browse through the different sections and products just like you would on the real website.
## Tech Stacks
Frontend:
Backend:
Deployed On:
Want to see live preview »
Demo Video »
✧
Getting Started ✧
### Screens
- 🏡 Homepage / Landing Page
- 🍎 Products Page
- 👽 SignUp /login Page
- 👨🏽 Single product Page
- ✅ Cart
- 🚀 Checkout Page
- 🌋 404 page
## Features
- User authentication: users can sign up and log in to the platform
- Product browsing: customers can browse products based on category and price
- Product details: customers can view detailed information about each product, including images, descriptions
- Shopping cart: customers can add products to their shopping cart and proceed to checkout
- Register || Login
- Fully responsive for all the screen sizes
## SnapShots for Different Screen Sizes :
For Laptops
For Tabs
For Mobile Devices
## SnapShots of Website
## Contributing
We welcome contributions from anyone interested in improving this project. If you would like to contribute, please follow these steps:
-- Fork the repository
1. Create a new branch: git checkout -b my-feature-branch
2. Make your changes and commit them: git commit -m 'Add some feature'
3. Push to the branch: git push origin my-feature-branch
4. Submit a pull request
We will review your contribution and merge it if it meets our standards. Thank you for your interest in contributing to this project!
## Contact
If you want to contact me, you can reach me through below handles.
[](https://www.linkedin.com/in/piryanshu-bisht-ba1a22231/)
[](https://github.com/Piryanshu88)
© 2023 Piryanshu Bisht
## Show your support
Give a ⭐️ if you like this project!
Checkout Backend Code for this project here --> [Hm Backend](https://github.com/Piryanshu88/Hm_backend)