{"id":20017845,"url":"https://github.com/usmanmern/ecommerce-mern","last_synced_at":"2026-04-10T02:46:49.377Z","repository":{"id":187186740,"uuid":"657770578","full_name":"UsmanMERN/ecommerce-mern","owner":"UsmanMERN","description":"This repository contains the code for an eCommerce web application built using Bootstrap, SCSS, React, MongoDB, Express, and Node.js. The application consists of both client-side and server-side components, with separate dashboards for users and administrators.","archived":false,"fork":false,"pushed_at":"2024-10-31T05:26:16.000Z","size":1416,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-12T15:46:12.292Z","etag":null,"topics":["api-rest","axios","backend","bootstarp5","client-server","ecommerce-application","ecommerce-website","express","express-js","frontend","javascript","mongodb","node","node-js","nodejs","react","reactjs"],"latest_commit_sha":null,"homepage":"https://trendblend.netlify.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/UsmanMERN.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":"2023-06-23T20:12:40.000Z","updated_at":"2024-10-31T05:26:19.000Z","dependencies_parsed_at":"2025-01-12T15:45:17.513Z","dependency_job_id":"b0e40723-385a-4a77-b5ef-0999e39652f9","html_url":"https://github.com/UsmanMERN/ecommerce-mern","commit_stats":null,"previous_names":["usmanmern/ecommerce-mern"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UsmanMERN%2Fecommerce-mern","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UsmanMERN%2Fecommerce-mern/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UsmanMERN%2Fecommerce-mern/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UsmanMERN%2Fecommerce-mern/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/UsmanMERN","download_url":"https://codeload.github.com/UsmanMERN/ecommerce-mern/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241451675,"owners_count":19964901,"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":["api-rest","axios","backend","bootstarp5","client-server","ecommerce-application","ecommerce-website","express","express-js","frontend","javascript","mongodb","node","node-js","nodejs","react","reactjs"],"created_at":"2024-11-13T08:18:48.445Z","updated_at":"2026-04-10T02:46:49.371Z","avatar_url":"https://github.com/UsmanMERN.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ecommerce-mern\n\nThis repository contains the code for an eCommerce web application built using Bootstrap, SCSS, React, MongoDB, Express, and Node.js. The application consists of both client-side and server-side components, with separate dashboards for users and administrators.\n\n## Features\n\n- User Dashboard:\n  - Order details: Users can view their order history and track the status of their orders.\n  - Cart functionality: Users can add items to their cart, update quantities, and proceed to checkout.\n  - Account management: Users can manage their profile information and update their personal details.\n\n- Admin Dashboard:\n  - Order management: Administrators can view and manage all orders placed by users.\n  - Product management: Administrators can add, edit, and delete products available for sale.\n  - User management: Administrators can manage user accounts, including creating new users and modifying existing ones.\n  - Category management: Administrators can manage product categories, including creating new categories and modifying existing ones.\n\n## Installation\n\n1. Clone the repository:\n\n   ```\n   git clone https://github.com/UsmanMERN/ecommerce-mern\n   ```\n\n2. Navigate to the project directory:\n\n   ```\n   cd ecommerce-mern\n   ```\n\n3. Install the dependencies:\n\n   ```\n   npm install\n   ```\n\n4. Start the development server:\n\n   ```\n   npm start\n   ```\n\n   The client-side React application will be accessible at `http://localhost:3000`, and the server will run on `http://localhost:8000`.\n\n5. Configure MongoDB:\n\n   - Ensure that you have MongoDB installed and running on your machine.\n   - Update the MongoDB connection string in the server configuration file (`server/config.js`).\n\n## Technologies Used\n\n- Frontend:\n  - Bootstrap: A popular CSS framework for building responsive and mobile-first websites.\n  - SCSS: A preprocessor that extends the capabilities of CSS with variables, mixins, and more.\n  - React: A JavaScript library for building user interfaces.\n  - Ant Design (antd): A UI library for React that provides a set of high-quality and customizable components for building modern web applications.\n\n- Backend:\n  - MongoDB: A NoSQL document database used for storing application data.\n  - Express: A web application framework for Node.js.\n  - Node.js: A JavaScript runtime for building scalable server-side applications.\n\n## Folder Structure\n\nThe repository has the following structure:\n\n```\necommerce-mern/\n  ├── client/                # Client-side code\n  │   ├── public/            # Public assets\n  │   └── src/               # Source code\n  │       ├── components/    # React components\n  │       ├── pages/         # Application pages\n  │       ├── services/      # API service functions\n  │       └── styles/        # SCSS stylesheets\n  ├── server/                # Server-side code\n  │   ├── config/            # Server configuration\n  │   ├── controllers/       # Request handlers\n  │   ├── models/            # Database models\n  │   ├── routes/            # API routes\n  │   └── app.js             # Express app configuration\n  ├── .gitignore             # Git ignore file\n  ├── package.json           # NPM package configuration\n  └── README.md              # Project documentation\n```\n\n## Contributing\n\nContributions to this project are welcome! If you encounter any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request.\n\n## Deployed Website\n\nThe eCommerce web application has been successfully deployed and is accessible at [https://trendblend.netlify.app/](https://trendblend.netlify.app/). You can visit the website to explore its\n\n features and functionalities.\n\nFeel free to reach out if you have any questions or feedback regarding the deployed website.\n\n## Acknowledgements\n\nThis project was customized and contributed by [Muhammd Usman](https://github.com/UsmanMERN).\n\n- [Bootstrap](https://getbootstrap.com/)\n- [React](https://reactjs.org/)\n- [MongoDB](https://www.mongodb.com/)\n- [Express](https://expressjs.com/)\n- [Node.js](https://nodejs.org/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fusmanmern%2Fecommerce-mern","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fusmanmern%2Fecommerce-mern","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fusmanmern%2Fecommerce-mern/lists"}