{"id":28098746,"url":"https://github.com/aamirshehzad33/e-commerence-store","last_synced_at":"2025-06-16T01:34:22.078Z","repository":{"id":283503062,"uuid":"951892907","full_name":"aamirshehzad33/E-Commerence-Store","owner":"aamirshehzad33","description":"A modern, feature-rich Electronics ECommerce Store with a fully functional Admin Dashboard to manage products, users, orders, and payments. Designed for high performance, scalability, and user experience, this project leverages the latest web technologies to create a seamless shopping experience.","archived":false,"fork":false,"pushed_at":"2025-03-20T15:23:52.000Z","size":11920,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-13T18:01:56.771Z","etag":null,"topics":["ecommerce-application","ecommerce-store","ecommerce-website","full-stack-web-development","nextjs-store","nodejs-shop","online-shop","online-shopping-website","online-store-website","react-ecommerce"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aamirshehzad33.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-03-20T12:09:02.000Z","updated_at":"2025-03-20T16:10:33.000Z","dependencies_parsed_at":"2025-03-20T15:55:59.469Z","dependency_job_id":null,"html_url":"https://github.com/aamirshehzad33/E-Commerence-Store","commit_stats":null,"previous_names":["aamirshehzad33/e-commerence-store"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/aamirshehzad33/E-Commerence-Store","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aamirshehzad33%2FE-Commerence-Store","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aamirshehzad33%2FE-Commerence-Store/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aamirshehzad33%2FE-Commerence-Store/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aamirshehzad33%2FE-Commerence-Store/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aamirshehzad33","download_url":"https://codeload.github.com/aamirshehzad33/E-Commerence-Store/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aamirshehzad33%2FE-Commerence-Store/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260081697,"owners_count":22956166,"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":["ecommerce-application","ecommerce-store","ecommerce-website","full-stack-web-development","nextjs-store","nodejs-shop","online-shop","online-shopping-website","online-store-website","react-ecommerce"],"created_at":"2025-05-13T17:58:44.442Z","updated_at":"2025-06-16T01:34:22.053Z","avatar_url":"https://github.com/aamirshehzad33.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1\u003eElectronics eCommerce Shop With Admin Dashboard in Next.js and Node.js\u003c/h1\u003e\n\nA modern, feature-rich Electronics ECommerce Store with a fully functional Admin Dashboard to manage products, users, orders, and payments. Designed for high performance, scalability, and user experience, this project leverages the latest web technologies to create a seamless shopping experience.\n\n## 🔥Overview\n\nThis ECommerce store allows customers to browse products, add them to the cart, checkout securely, and track their orders. Meanwhile, admins have a dedicated dashboard to manage inventory, process orders, and track business performance.\n\n## 🌟 Key Features:\n\n\n## ✅ User Features:\n\n🔍 Product search \u0026 filtering \u003cbr\u003e\n🛒 Add to cart \u0026 checkout \u003cbr\u003e\n💳 Secure payment integration \u003cbr\u003e\n🔔 Order tracking \u0026 email notifications \u003cbr\u003e\n✨ User authentication \u0026 profile management\n\n\n## ✅ Admin Dashboard:\n\n📦 Product \u0026 inventory management \u003cbr\u003e\n👥 User \u0026 role management \u003cbr\u003e\n📊 Order processing \u0026 analytics \u003cbr\u003e\n⚙️ Dashboard with key business insights\n\n\n## ✅ Performance \u0026 Security:\n\n🚀 Optimized for high speed using SSR (Server-Side Rendering) \u003cbr\u003e\n🔒 Secure authentication using JWT \u003cbr\u003e\n🏎️ Fast API requests with RESTful APIs \u003cbr\u003e\n📉 Scalable \u0026 maintainable backend\n\n## ⚙️ Tech Stack Used\n\n\n## 🏗️ Frontend (Next.js - React Framework)\n\n\n⚛ Next.js (Server-side rendering, Static Site Generation) \u003cbr\u003e\n🎨 Tailwind CSS (Responsive UI \u0026 styling) \u003cbr\u003e\n⚡ Redux Toolkit (State management) \u003cbr\u003e\n🌍 React Query (Data fetching \u0026 caching) \u003cbr\u003e\n📩 Axios (API requests)\n\n\n## 🔙 Backend (Node.js \u0026 Express.js)\n\n\n🟢 Node.js (JavaScript runtime) \u003cbr\u003e\n🚀 Express.js (Backend framework) \u003cbr\u003e\n🛢️ MongoDB with Mongoose (Database) \u003cbr\u003e\n🔐 JWT Authentication (Secure login system) \u003cbr\u003e\n🛍 Stripe Payment API (Online transactions)\n\n\n## 🎯 Why Choose This Project?\n✔ Modern Tech Stack – Built with the latest tools \u0026 frameworks  \u003cbr\u003e\n✔ Scalability – Supports high traffic with efficient backend handling  \u003cbr\u003e\n✔ User-Friendly UI – Optimized for mobile \u0026 desktop users  \u003cbr\u003e\n✔ Secure Payments – Integrated with Stripe for fast transactions\n\n\n\u003ch2\u003eProject screenshots\u003c/h2\u003e\n\n\u003ch3\u003eRegister page\u003c/h3\u003e\n\n![singitronic register page](https://github.com/Kuzma02/Electronics-eCommerce-Shop-With-Admin-Dashboard-NextJS-NodeJS/assets/138793624/0052cc90-d61a-4a8c-b8d8-02cee1b45d13)\n\n\u003ch3\u003eLogin page\u003c/h3\u003e\n\n![singitronic logic page](https://github.com/Kuzma02/Electronics-eCommerce-Shop-With-Admin-Dashboard-NextJS-NodeJS/assets/138793624/7a377bb3-330f-43a4-860f-400bf7aa0f97)\n\n\n\u003ch3\u003eHome page\u003c/h3\u003e\n\n![singitronic home page](https://github.com/Kuzma02/Electronics-eCommerce-Shop-With-Admin-Dashboard-NextJS-NodeJS/assets/138793624/a48c092d-1f19-4bae-a480-0b5862630e1c)\n\n\u003ch3\u003eShop page\u003c/h3\u003e\n\n![singitronic shop page](https://github.com/Kuzma02/Electronics-eCommerce-Shop-With-Admin-Dashboard-NextJS-NodeJS/assets/138793624/1133effb-0511-40c6-aee5-119404c5af34)\n\n\u003ch3\u003eSingle product page\u003c/h3\u003e\n\n![singitronic single product page](https://github.com/Kuzma02/Electronics-eCommerce-Shop-With-Admin-Dashboard-NextJS-NodeJS/assets/138793624/443ea3e2-4d32-4d15-aa3b-436cbae0eade)\n\n\n\u003ch3\u003eSearch page\u003c/h3\u003e\n\n![singitronic search page](https://github.com/Kuzma02/Electronics-eCommerce-Shop-With-Admin-Dashboard-NextJS-NodeJS/assets/138793624/384c7f55-16ee-4966-b612-a34f5506af51)\n\n\u003ch3\u003eWishlist page\u003c/h3\u003e\n\n![singitronic wishlist page](https://github.com/Kuzma02/Electronics-eCommerce-Shop-With-Admin-Dashboard-NextJS-NodeJS/assets/138793624/a20568d6-12fb-42e6-a5ef-583f6e79229a)\n\n\u003ch3\u003eCart page\u003c/h3\u003e\n\n![singitronic cart page](https://github.com/Kuzma02/Electronics-eCommerce-Shop-With-Admin-Dashboard-NextJS-NodeJS/assets/138793624/b9d326be-342c-4f6a-af64-34794f6c39eb)\n\n\u003ch3\u003eCheckout page\u003c/h3\u003e\n\n![singitronic checkout page](https://github.com/Kuzma02/Electronics-eCommerce-Shop-With-Admin-Dashboard-NextJS-NodeJS/assets/138793624/a458d931-9df2-4e3d-bf3f-702c1a3ba9e9)\n\n\u003ch3\u003eAdmin dashboard - All orders page\u003c/h3\u003e\n\n![singitronic admin orders page](https://github.com/Kuzma02/Electronics-eCommerce-Shop-With-Admin-Dashboard-NextJS-NodeJS/assets/138793624/498b07f4-422c-46c5-b2e4-ed2a93306b7a)\n\n\u003ch3\u003eAdmin dashboard - All products page\u003c/h3\u003e\n\n![singitronic admin products page](https://github.com/Kuzma02/Electronics-eCommerce-Shop-With-Admin-Dashboard-NextJS-NodeJS/assets/138793624/e26822ab-6c7e-4474-9161-288a5bb3476f)\n\n\u003ch3\u003eAdmin dashboard - All categories page\u003ch3\u003e\n\n![singitronic admin categories page](https://github.com/Kuzma02/Electronics-eCommerce-Shop-With-Admin-Dashboard-NextJS-NodeJS/assets/138793624/9e4a54d7-5bbb-4f1b-bdab-43c1079510e1)\n\n\u003ch3\u003eAdmin dashboard - All users page\u003c/h3\u003e\n\n![singitronic admin users page](https://github.com/Kuzma02/Electronics-eCommerce-Shop-With-Admin-Dashboard-NextJS-NodeJS/assets/138793624/e14e8f2c-4377-42fd-b89b-d4868cc11b11)\n\u003ch2\u003eInstructions\u003c/h2\u003e\n\u003col\u003e\n  \u003cli\u003e\u003cp\u003eWhen you install all the programs you need on your computer you need to download the project. When you download the project, you need to extract it.\u003c/p\u003e\u003c/li\u003e\n  \u003cli\u003e\u003cp\u003eAfter you extract the project you need to open the project folder in your code editor and in the root create a file with the name .env.\u003c/p\u003e\u003c/li\u003e\n  \u003cli\u003e\u003cp\u003eYou need to put the following code in the .env file and instead of username and password put your MySQL username and password:\u003c/p\u003e\u003c/li\u003e\n\u003c/ol\u003e\n\n```\nDATABASE_URL=\"mysql://username:password@localhost:3306/singitronic_nextjs\"\nNEXTAUTH_SECRET=12D16C923BA17672F89B18C1DB22A\nNEXTAUTH_URL=http://localhost:3000\n```\n\n\u003cp\u003e7. After you do it, you need to create another .env file in the server folder and put the same DATABASE_URL you used in the previous .env file:\u003c/p\u003e\n\n```\nDATABASE_URL=\"mysql://username:password@localhost:3306/singitronic_nextjs\"\n```\n\n\u003cp\u003e8. Now you need to open your terminal of choice in the root folder of the project and write:\u003c/p\u003e\n\n\n```\nnpm install\n```\n\n\u003cp\u003e9. Now you need to navigate with the terminal in the server folder and install everything:\u003c/p\u003e\n\n```\ncd server\nnpm install\n```\n\n\u003cp\u003e10. You will need to run the Prisma migration now. Make sure you are in the server folder and write:\u003c/p\u003e\n\n```\nnpx prisma migrate dev\n```\n\n\u003cp\u003e11. Next is to insert demo data. To do it you need to go to the server/utills folder and call insertDemoData.js:\u003c/p\u003e\n\n```\ncd utills\nnode insertDemoData.js\n```\n\n\u003cp\u003e12. Now you can go back to the server folder and run the backend:\u003c/p\u003e\n\n```\ncd ..\nnode app.js\n```\n\n\u003cp\u003e13. While your backend is running you need to open another terminal(don't stop the backend). In the second terminal, you need to make sure you are in your root project folder and write the following:\u003c/p\u003e\n\n```\nnpm run dev\n```\n\n\u003cp\u003e14. Open \u003ca href=\"http://localhost:3000\" target=\"_blank\"\u003ehttp://localhost:3000\u003c/a\u003e and see it live!\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faamirshehzad33%2Fe-commerence-store","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faamirshehzad33%2Fe-commerence-store","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faamirshehzad33%2Fe-commerence-store/lists"}