{"id":20962885,"url":"https://github.com/sothulthorn/mern-proshop","last_synced_at":"2026-04-13T04:36:30.952Z","repository":{"id":220625461,"uuid":"752130338","full_name":"sothulthorn/mern-proshop","owner":"sothulthorn","description":"ProShop is a modern and innovative approach to online shopping, combining cutting-edge technologies with user-centric design principles to deliver an unparalleled shopping experience.","archived":false,"fork":false,"pushed_at":"2024-02-09T02:17:11.000Z","size":6186,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-20T01:23:20.474Z","etag":null,"topics":["expressjs","javascript","mongodb","mongoose","nodejs","react-router","reactjs"],"latest_commit_sha":null,"homepage":"https://mern-proshop-c1aj.onrender.com","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/sothulthorn.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-02-03T05:33:31.000Z","updated_at":"2024-02-09T02:29:56.000Z","dependencies_parsed_at":"2024-02-03T07:26:18.119Z","dependency_job_id":"e2dd9c2a-aa91-4106-a0f7-1217b6fb8d35","html_url":"https://github.com/sothulthorn/mern-proshop","commit_stats":null,"previous_names":["sothulthorn/mern-proshop"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sothulthorn%2Fmern-proshop","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sothulthorn%2Fmern-proshop/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sothulthorn%2Fmern-proshop/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sothulthorn%2Fmern-proshop/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sothulthorn","download_url":"https://codeload.github.com/sothulthorn/mern-proshop/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243359463,"owners_count":20278206,"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":["expressjs","javascript","mongodb","mongoose","nodejs","react-router","reactjs"],"created_at":"2024-11-19T02:38:55.570Z","updated_at":"2026-04-13T04:36:25.888Z","avatar_url":"https://github.com/sothulthorn.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ProShop eCommerce Project\n\n![](/assets/home.png)\n\n## Table of Contents\n\n- [Overview](#overview)\n- [Technology Stack](#technology-stack)\n- [Features](#features)\n- [Getting Started](#getting-started)\n  - [Prerequisites](#prerequisites)\n  - [Backend Setup](#backend-setup)\n  - [Frontend Setup](#frontend-setup)\n  - [Usage](#usage)\n- [Project Preview](#project-preview)\n\n## Overview\n\nThis is a comprehensive e-commerce project represents a modern and innovative approach to online shopping, combining cutting-edge technologies with user-centric design principles to deliver an unparalleled shopping experience. Whether it's browsing for products, leaving reviews, or completing transactions, users can expect a seamless and enjoyable journey from start to finish.\n\n## Technology Stack\n\n- **MongoDB**: For database storage of product information, user profiles, orders, and reviews.\n- **Express.js**: To handle server-side logic and routing.\n- **React.js**: For building a dynamic and interactive user interface.\n- **Node.js**: As the runtime environment for server-side logic.\n- **PayPal / Credit Card Integration**: To facilitate secure payment transactions.\n\n## Features\n\n1. **Full-Featured Shopping Cart**: Users can add products to their cart, update quantities, and proceed to checkout.\n2. **Product Reviews and Ratings**: Allow users to leave reviews and ratings for products, contributing to an informed purchasing decision for other users.\n3. **Top Products Carousel**: Showcase top-selling or featured products in a visually appealing carousel on the homepage.\n4. **Product Pagination**: Implement pagination for browsing through a large number of products efficiently.\n5. **Product Search Feature**: Enable users to search for products based on keywords or specific criteria.\n6. **User Profile with Orders**: Users can create profiles, view their order history, and manage account details.\n7. **Admin Product Management**: Administrators can add, edit, and delete products from the inventory.\n8. **Admin User Management**: Administrators have the ability to manage user accounts, including creation, deletion, and modification.\n9. **Admin Order Details Page**: Provide administrators with a detailed view of each order, including order status, items purchased, and customer information.\n10. **Mark Orders as Delivered Option**: Admins can update the status of orders to indicate when they have been delivered.\n\n11. **Checkout Process**: Implement a smooth checkout process including shipping options, payment method selection, and order summary.\n\n12. **PayPal / Credit Card Integration**: Integrate PayPal and credit card payment methods to offer users secure and convenient payment options.\n\n## Getting Started\n\nFollow these steps to set up the project locally on your machine:\n\n### Prerequisites\n\nMake sure you have the following software installed on your system:\n\n- [Node.js](https://nodejs.org/)\n- [MongoDB](https://www.mongodb.com/)\n- [React.js](https://react.dev/)\n\n### Installation\n\n1. Clone the repository to your local machine:\n\n```bash\ngit clone https://github.com/sothulthorn/mern-proshop.git\n```\n\n2. Navigate to the project directory:\n\n```bash\ncd mern-proshop\n```\n\n#### Backend Setup\n\nNow, let's set up the backend of the proshop project.\n\n1. Install dependencies:\n\n```bash\nnpm install\n```\n\n2. Create a `.env` file:\n\n```bash\nNODE_ENV=YOUR_NODE_ENVIRONMENT\nPORT=YOUR_PORT\nMONGODB_URI=YOUR_MONGODB_URI\nJWT_SECRET=YOUR_JWT_SECRET\nPAYPAL_CLIENT_ID=YOUR_PAYPAL_CLIENT_ID\nPAGINATION_LIMIT=YOUR_PAGINATION_LIMIT\n```\n\n#### Frontend Setup\n\nNow, let's set up the frontend of the proshop project.\n\n1. Navigate to the frontend directory:\n\n```bash\ncd frontend\n```\n\n2. Install dependencies:\n\n```bash\nnpm install\n```\n\n3. Go back to your main directory (mern-proshop) and Start the development server:\n\n```bash\nnpm run dev\n```\n\n#### Usage\n\nVisit `http://localhost:3000/` in your browser to access the full application, seamlessly integrating the backend and frontend.\n\n## Project Preview\n\n### Users\n\n#### Sign In\n\n![](/assets/sign-in.png)\n\n#### Sign Up\n\n![](/assets/sign-up.png)\n\n#### User Profile\n\n![](/assets/user-profile.png)\n\n#### Product Description\n\n![](/assets/product-description.png)\n\n### Shopping Cart\n\n![](/assets/shopping-cart.png)\n\n#### Shipping\n\n![](/assets/shipping.png)\n\n#### Payment Method\n\n![](/assets/payment-method.png)\n\n#### Place Order\n\n![](/assets/place-order.png)\n\n#### Order\n\n![](/assets/order.png)\n\n### Admin\n\n#### Products List\n\n![](/assets/admin-productlist.png)\n\n#### Edit Product\n\n![](/assets/admin-edit-product.png)\n\n#### User List\n\n![](/assets/admin-userlist.png)\n\n#### Order List\n\n![](/assets/admin-orderlist.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsothulthorn%2Fmern-proshop","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsothulthorn%2Fmern-proshop","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsothulthorn%2Fmern-proshop/lists"}