{"id":19776517,"url":"https://github.com/m-sehrawat/nike-clone","last_synced_at":"2025-04-30T19:30:54.250Z","repository":{"id":37088442,"uuid":"475549021","full_name":"m-sehrawat/Nike-Clone","owner":"m-sehrawat","description":"It’s my major project where I've used MERN stack to make the clone of Nike website along with backend integration and payment gateway integration.","archived":false,"fork":false,"pushed_at":"2024-01-21T12:04:03.000Z","size":782,"stargazers_count":60,"open_issues_count":1,"forks_count":23,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-06T04:11:59.611Z","etag":null,"topics":["chakra-ui","css","express","html","javascript","mongodb","node-js","payment-integration","razorpay","react","redux","rest-api"],"latest_commit_sha":null,"homepage":"https://mohit-nikeclone.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/m-sehrawat.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-03-29T17:26:34.000Z","updated_at":"2025-03-16T12:19:12.000Z","dependencies_parsed_at":"2022-07-08T18:43:36.848Z","dependency_job_id":null,"html_url":"https://github.com/m-sehrawat/Nike-Clone","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/m-sehrawat%2FNike-Clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/m-sehrawat%2FNike-Clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/m-sehrawat%2FNike-Clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/m-sehrawat%2FNike-Clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/m-sehrawat","download_url":"https://codeload.github.com/m-sehrawat/Nike-Clone/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251769262,"owners_count":21640873,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chakra-ui","css","express","html","javascript","mongodb","node-js","payment-integration","razorpay","react","redux","rest-api"],"created_at":"2024-11-12T05:20:24.827Z","updated_at":"2025-04-30T19:30:53.431Z","avatar_url":"https://github.com/m-sehrawat.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eNike Clone\u003c/h1\u003e\n\n\u003ch3 align=\"center\"\u003eIt's a MERN Stack E-commerce web application with all the major functionalities\u003c/h3\u003e\n\n\u003cbr /\u003e\n\n\u003ch2 align=\"center\"\u003e🖥️ Tech Stack\u003c/h2\u003e\n\n\n\u003ch4 align=\"center\"\u003eFrontend:\u003c/h4\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB\" alt=\"reactjs\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Redux-593D88?style=for-the-badge\u0026logo=redux\u0026logoColor=white\" alt=\"redux\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Chakra%20UI-3bc7bd?style=for-the-badge\u0026logo=chakraui\u0026logoColor=white\" alt=\"chakra-ui\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/JavaScript-323330?style=for-the-badge\u0026logo=javascript\u0026logoColor=F7DF1E\" alt=\"javascript\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Rest_API-02303A?style=for-the-badge\u0026logo=react-router\u0026logoColor=white\" alt=\"restAPI\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge\u0026logo=css3\u0026logoColor=white\" alt=\"css3\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge\u0026logo=html5\u0026logoColor=white\" alt=\"html5\" /\u003e\n\u003c/p\u003e\n\n\n\u003ch4 align=\"center\"\u003eBackend:\u003c/h4\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Node.js-339933?style=for-the-badge\u0026logo=nodedotjs\u0026logoColor=white\" alt=\"nodejs\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Express.js-000000?style=for-the-badge\u0026logo=express\u0026logoColor=white\" alt=\"expressjs\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/MongoDB-4EA94B?style=for-the-badge\u0026logo=mongodb\u0026logoColor=white\" alt=\"mongodb\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/JWT-000000?style=for-the-badge\u0026logo=JSON%20web%20tokens\u0026logoColor=white\" alt=\"JsonWebToken\" /\u003e\n\u003c/p\u003e\n\n\n\u003ch4 align=\"center\"\u003ePayment Gateway:\u003c/h4\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Razorpay-02042B?style=for-the-badge\u0026logo=razorpay\u0026logoColor=3395FF\" alt=\"razorpay\" /\u003e\n\u003c/p\u003e\n\n\n\u003ch4 align=\"center\"\u003eDeployed On:\u003c/h4\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Netlify-00C7B7?style=for-the-badge\u0026logo=netlify\u0026logoColor=white\" alt=\"vercel\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Heroku-430098?style=for-the-badge\u0026logo=heroku\u0026logoColor=white\" alt=\"heroku\" /\u003e\n\u003c/p\u003e\n\n\n\n\u003ch3 align=\"center\"\u003e\u003ca href=\"https://mohit-nikeclone.vercel.app/\"\u003e\u003cstrong\u003eWant to see live preview »\u003c/strong\u003e\u003c/a\u003e\u003c/h3\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cbr /\u003e\u0026#10023;\n  \u003ca href=\"#Demo\"\u003eView Demo\u003c/a\u003e \u0026#10023;\n  \u003ca href=\"https://github.com/m-sehrawat/Nike-Clone/issues\"\u003eReport Bug\u003c/a\u003e \u0026#10023;\n  \u003ca href=\"#Getting-Started\"\u003eGetting Started\u003c/a\u003e \u0026#10023; \n  \u003ca href=\"#Install\"\u003eInstalling\u003c/a\u003e \u0026#10023;\n  \u003ca href=\"#Contact\"\u003eAuthor\u003c/a\u003e \u0026#10023;\n\u003c/p\u003e\n\n\nNike Clone is MERN Stack e-commerce web application that allows you to buy shoes \u0026 clothes online with payment gateway integration. It has a variety of categories, just visit the product listing page and you will see all the products, apply filters as per your need and in just a few clicks you can buy any products from the website. This project is just for educational purpose.\n\n\n\n![cover](https://user-images.githubusercontent.com/91532881/175955112-da88c18c-ac5e-455a-9ac5-047c7db4f894.png)\n\n\u003cbr /\u003e\n\n## Screens ( All screens are responsive along with Dark Mode)\n- Homepage / Landing Page\n- Product Listing Page with Filters\n- Product Description Page\n- Cart Management Page\n- Wishlist/Favourites Management Page\n- Checkout with Address Management Page\n- Login / Logout Page\n- Signup Page\n- Order Summary Page\n\n\n\u003cbr /\u003e\n\n\n## 🚀 Features\n- Login and Signup User Account\n- JWT (Json Web Token) Authentication and BcryptJS Password Hashing \n- Product Filters Based on Price, Category, Size, Color and Gender\n- Product Sorting Based on Price, Rating and Name\n- Product Filtering and Sorting works together \n- My Orders Section for details of all ordered item\n- Wishlist Add and Remove Items\n- Cart Add and Remove Items \n- Cart Update Quantities \n- Address Management\n- Order Summary\n- Coupons provided for discount\n- Razorpay Payment Gateway\n- Darkmode available\n\n\u003cbr /\u003e\n\n## Glimpses of Nike-Clone 🙈 :\n\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"https://user-images.githubusercontent.com/91532881/175955122-200a6ccb-54a5-4f39-9bc2-cd3ba3a4d102.jpeg\" alt=\"home\" /\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"https://user-images.githubusercontent.com/91532881/175955109-b51e3e81-4cd8-4f00-a8cd-873c82882a15.png\" alt=\"coupons\" /\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"https://user-images.githubusercontent.com/91532881/175955141-44aefea0-a9ee-4c3a-93e0-094ca9214e54.jpeg\" alt=\"signup\" /\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"https://user-images.githubusercontent.com/91532881/175955129-e5392377-e72a-4868-883f-5a244fc9bc87.jpeg\" alt=\"login\" /\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"https://user-images.githubusercontent.com/91532881/175955097-9fe2e5a5-b4f4-4c1f-beb7-4080186e5a17.jpeg\" alt=\"allProducts\" /\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"https://user-images.githubusercontent.com/91532881/175957017-3530fe22-46ae-4bf7-a645-55f7a5f25ed9.jpeg\" alt=\"men\" /\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"https://user-images.githubusercontent.com/91532881/175955142-dd33e21a-49a9-4aeb-89e7-edb3e871828f.jpeg\" alt=\"women\" /\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"https://user-images.githubusercontent.com/91532881/175955126-2874a5c1-8655-40ab-b9ce-67275139e70e.jpeg\" alt=\"kids\" /\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"https://user-images.githubusercontent.com/91532881/175955114-1090036d-2e73-46fa-8aca-8ef9ffab1724.jpeg\" alt=\"description\" /\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"https://user-images.githubusercontent.com/91532881/175955117-edff5eaf-7507-4580-b3b8-3aea6c089840.jpeg\" alt=\"descriptionDark\" /\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"https://user-images.githubusercontent.com/91532881/175955106-867749b1-4838-40dc-b184-145f10d1eec2.jpeg\" alt=\"cart\" /\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"https://user-images.githubusercontent.com/91532881/175955107-f93e13a0-6c50-46e8-a5f3-09d15421e97b.jpeg\" alt=\"checkout\" /\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"https://user-images.githubusercontent.com/91532881/175955137-828f89b2-648e-4a68-885a-fa3f3f29b55c.png\" alt=\"razorpay\" /\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"https://user-images.githubusercontent.com/91532881/175955133-96792a4b-7e70-4e1e-a5cf-999da70a9c95.jpeg\" alt=\"orders\" /\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003cbr /\u003e\n\n## Test Coupon Codes\n```\nNIKE5 (for 5% Off)\n\nNIKE10 (for 10% Off)\n\nNIKE15 (for 15% Off)\n\nNIKE20 (for 15% Off)\n\nNIKE25 (for 25% Off)\n\nNIKE30 (for 30% Off)\n```\n\n## Razorpay test payment Cards\n\n[Click here to use the razorpay testing payment methods](https://razorpay.com/docs/payments/payments/test-card-upi-details/)\n\n\n\u003cbr /\u003e\n\n\n\u003ch2\u003eDemo\u003c/h2\u003e\n\n[Click here to see the presentation video of this project](https://www.linkedin.com/posts/m-sehrawat_reactjs-nike-nikecareers-activity-6947552300534042624-me2_?utm_source=linkedin_share\u0026utm_medium=member_desktop_web)\n\n\n\u003cbr /\u003e\n\n\n## Getting Started\n\nThis project was built using React, Redux, Chakra UI, HTML, CSS, JavaScript, Rest API, Node JS, Express and MongoDB with JWT and RazorPay integration. It is an e-commerce web application and for running on your local environment you should follow these guidelines.\n\n\n### Prerequisites\n\n- NPM\n- Node JS\n- MongoDB\n\n### Setup\n\n\nThe project repository can be found in [GitHub link](https://github.com/m-sehrawat/Nike-Clone) or just clone the project using this command.\n\n\n```\nUsing HTTPS\n\n# git clone https://github.com/m-sehrawat/Nike-Clone.git\n```\n\n+ Open terminal on your workspace with\n\n```\ncd /home/workspace/Nike-Clone\n```\n\n\n## Install\n\nInstall NPM\n\nCheck that you have node and npm installed\n\nTo check if you have Node.js installed, run this command in your terminal:\n\n\n```\nnode -v\n```\n\nTo confirm that you have npm installed you can run this command in your terminal:\n\n\n```\nnpm -v\n```\n\nTo confirm that you have MongoDB installed you can run this command in your terminal:\n\n\n```\nmongo -v\n```\n\n\nTo install all the dependences of the project, run the following command:\n\n\n```\ncd client\n\nnpm install\n\ncd ../\n\ncd server\n\nnpm install\n```\n\n\nTo run the application got to the client folder and run the following command:\n\n```\nnpm start\n```\n\n### Environment Variables\n\nTo run this project, you will need to add the following environment variables to your .env file in server folder\n\n`JWT_ACCESS_KEY`\n\n`MONGO_PATH`\n\n`RAZORPAY_KEY_ID`\n\n`RAZORPAY_KEY_SECRET`\n\n\n\n### Tools used on this project\n\n- Visual Studio Code\n- Vite-JS template\n- MongoDB compass\n- Razorpay Dashboard to monitor payments\n\n\u003cbr /\u003e\n\n\n\n## Contact\n\nIf you want to contact me, you can reach me through below handles.\n\n[![linkedin](https://img.shields.io/badge/Mohit_Sehrawat-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://www.linkedin.com/in/m-sehrawat/)\n[![GitHub](https://img.shields.io/badge/Mohit_Sehrawat-20232A?style=for-the-badge\u0026logo=Github\u0026logoColor=white)](https://github.com/m-sehrawat/)\n\n© 2022 Mohit Sehrawat\n\n\n\n## Show your support\n\nGive a ⭐️ if you like this project!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fm-sehrawat%2Fnike-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fm-sehrawat%2Fnike-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fm-sehrawat%2Fnike-clone/lists"}