{"id":19053354,"url":"https://github.com/georgiosioannoucoder/shopit","last_synced_at":"2026-04-09T15:43:47.943Z","repository":{"id":184606736,"uuid":"672169335","full_name":"GeorgiosIoannouCoder/shopit","owner":"GeorgiosIoannouCoder","description":"ShopIt is an Ecommerce that allows people to shop items and check their order status in the same platform. ShopIt helps people buy what they are looking for, in a fast and easy way.🛒","archived":false,"fork":false,"pushed_at":"2024-01-12T12:27:16.000Z","size":7069,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-22T01:16:18.402Z","etag":null,"topics":["bootstrap5","css3","expressjs","figma","git","html5","javascript","jwt","mongodb","nodejs","passportjs","paypal","postman","react","react-icons","render"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/GeorgiosIoannouCoder.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":"2023-07-29T06:35:46.000Z","updated_at":"2023-07-31T19:37:02.000Z","dependencies_parsed_at":"2024-01-12T15:02:14.889Z","dependency_job_id":"505af591-47bf-4a4f-baac-f6440992d906","html_url":"https://github.com/GeorgiosIoannouCoder/shopit","commit_stats":null,"previous_names":["georgiosioannoucoder/shopit"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/GeorgiosIoannouCoder/shopit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GeorgiosIoannouCoder%2Fshopit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GeorgiosIoannouCoder%2Fshopit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GeorgiosIoannouCoder%2Fshopit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GeorgiosIoannouCoder%2Fshopit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GeorgiosIoannouCoder","download_url":"https://codeload.github.com/GeorgiosIoannouCoder/shopit/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GeorgiosIoannouCoder%2Fshopit/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264833288,"owners_count":23670617,"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":["bootstrap5","css3","expressjs","figma","git","html5","javascript","jwt","mongodb","nodejs","passportjs","paypal","postman","react","react-icons","render"],"created_at":"2024-11-08T23:30:16.829Z","updated_at":"2025-12-30T18:56:36.091Z","avatar_url":"https://github.com/GeorgiosIoannouCoder.png","language":"JavaScript","funding_links":["https://developer.paypal.com/home"],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n[![Contributors][contributors-shield]][contributors-url]\n[![Forks][forks-shield]][forks-url]\n[![Stargazers][stars-shield]][stars-url]\n[![Issues][issues-shield]][issues-url]\n[![MIT License][license-shield]][license-url]\n[![LinkedIn][linkedin-shield]][linkedin-url]\n[![GitHub][github-shield]][github-url]\n\n# [ShopIt] | Ecommerce Platform\n\n\u003cbr /\u003e\n\u003cdiv align=\"center\"\u003e\n    \u003cimg src=\"frontend/public/logo192.png\" alt=\"Logo\" width=\"200\" height=\"80\"\u003e\n\n\n\u003ch3 align=\"center\"\u003eShopIt\u003c/h3\u003e\n\n  \u003cp align=\"center\"\u003e\n    ShopIt allows people to shop items and check their order status in the same platform. ShopIt helps people buy what they are looking for, in a fast and easy way without any advertisements.\n    \u003cbr /\u003e\n    \u003ca href=\"https://github.com/GeorgiosIoannouCoder/shopit\"\u003e\u003cstrong\u003eExplore the docs »\u003c/strong\u003e\u003c/a\u003e\n    \u003cbr /\u003e\n    \u003cbr /\u003e\n    \u003ca href=\"https://github.com/GeorgiosIoannouCoder/shopit/issues\"\u003eReport Bug\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/GeorgiosIoannouCoder/shopit/issues\"\u003eRequest Feature\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eTable of Contents\u003c/summary\u003e\n  \u003col\u003e\n    \u003cli\u003e\n      \u003ca href=\"#about-the-project\"\u003eAbout The Project\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#key-features\"\u003eKey Features\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#built-with\"\u003eBuilt With\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#getting-started\"\u003eGetting Started\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#prerequisites\"\u003ePrerequisites\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#installation\"\u003eInstallation\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#usage\"\u003eUsage\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#demo\"\u003eDemo\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#contributing\"\u003eContributing\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#license\"\u003eLicense\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#contact\"\u003eContact\u003c/a\u003e\u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n## About The Project\n\n![Product Name Screen Shot][product-screenshot]\n\n### ShopIt tries to solve the following problem statement in the film industry\n\n- **People need to be able to buy what they are looking for fast and easy without any advertisements. People need to be aware of what they are going to buy through a great review system so that they know if that product is worth buying and spending money**\n\n### Key Features\n\n1. **Fully functional and responsive web application with the main focus on desktops, mobile devices, and tables.**\n2. **Allow users to register, log in, and log out.**\n3. **Allow user to registered using third-party authentication such as Google and GitHub.**\n4. **Allow users to search for products.**\n5. **Full description of each product with images.**\n6. **A fully functional review system where registered users can make product reviews and ratings.**\n7. **Full-featured shopping cart with a user-friendly checkout process.**\n8. **No need to be a registered user to navigate and add products to the shopping cart, however only registered users can make purchases.**\n9. **Allow registered users to access to their profiles and see, manage, and edit previous orders.**\n10. **Allow registered users to update their profiles.**\n11. **Display featured products in a carousel.**\n12. **PayPal and credit/debit card payment integration to allow users to complete their purchases.**\n13. **Fully functional and user-friendly admin panel to allow all admin users to see all listed products, add products, edit products, add customers, edit customers, edit orders, and upload photos.**\n14. **Use React to create a single webpage application meaning that no reloading is done when changing pages.**\n15. **Pagination for products, orders, and users. Only two items per page just for illustration purposes.**\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#readme-top\"\u003eBack to top\u003c/a\u003e\u003c/p\u003e\n\n### Built With\n\n[![Figma][Figma]][Figma-url]\n[![Postman][Postman]][Postman-url]\n[![MongoDB][MongoDB]][MongoDB-url]\n[![Node][Node.js]][Node-url]\n[![Express][Express.js]][Express-url]\n[![JWT][JWT]][JWT-url]\n[![Passport][Passport]][Passport-url]\n[![JavaScript][Javascript]][Javascript-url]\n[![HTML][HTML]][HTML-url]\n[![CSS][CSS]][CSS-url]\n[![React][React]][React-url]\n[![ReactIcons][ReactIcons]][ReactIcons-url]\n[![Bootstrap][Bootstrap]][Bootstrap-url]\n[![Git][Git]][Git-url]\n[![Render][Render]][Render-url]\n[![PayPalAPI][PayPalAPI]][PayPalAPI-url]\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#readme-top\"\u003eBack to top\u003c/a\u003e\u003c/p\u003e\n\n## Getting Started\n\n**To get a local copy of ShopIt up and running locally follow these simple example steps:**\n\n### Prerequisites\n\n**NOTE:** How to check if Node and NPM are installed and what is their versions\n\n```sh\n  node -v\n  npm -v\n```\n\n**NOTE:** How to check if Git is installed and what is its version\n\n```sh\n  git -v\n```\n\n1. Please make sure you have Node installed and use Node version: **v16.15.0**\n\n   - You can use nvm to switch between different node versions:\n     - Windows: [https://github.com/coreybutler/nvm-windows](https://github.com/coreybutler/nvm-windows)\n     - Mac: [https://www.youtube.com/watch?v=BhLFxy6Jz8c](https://www.youtube.com/watch?v=BhLFxy6Jz8c)\n     - Linux: [https://www.youtube.com/watch?v=tm1XllMkbAU](https://www.youtube.com/watch?v=tm1XllMkbAU)\n\n1. Please make sure you have NPM installed (it usually comes with Node installation)\n\n   ```sh\n     npm install npm@latest -g\n   ```\n\n1. Please make sure you have git installed\n\n   - Windows: [https://git-scm.com/download/win](https://git-scm.com/download/win)\n   - Mac: [https://git-scm.com/download/mac](https://git-scm.com/download/mac)\n   - Linux: [https://git-scm.com/download/linux](https://git-scm.com/download/linux)\n\n1. Please make sure you have MongoDB Compass installed\n   - MongoDB Compass: [https://www.mongodb.com/try/download/compass/](https://www.mongodb.com/try/download/compass)\n\n### Installation\n\n#### APIs\n\n1. Get a free PayPal API Key at [https://developer.paypal.com/home](https://developer.paypal.com/home)\n\n2. Get a free Google API Key at [https://console.developers.google.com](https://console.developers.google.com). (for Google third-party authentication)\n\n   - When you sign-in to [https://console.developers.google.com](https://console.developers.google.com) create a new project.\n   - Create OAuth 2.0 Client IDs.\n   - Set Authorized JavaScript origins to: http://localhost:3000\n   - Set Authorized redirect URIs to: http://localhost:5000/auth/google/callback\n\n3. Get a free GitHub API Key at [https://github.com/settings/developers](https://github.com/settings/developers). (for GitHub third-party authentication)\n   - When you sign-in to [https://github.com/settings/developers](https://github.com/settings/developers) create a new project.\n   - Create OAuth 2.0 Client ID and Client Secret.\n   - Set Homepage URL to: http://localhost:3000\n   - Set Authorization callback URL to: http://localhost:5000/auth/github/callback\n\n#### SetUp\n\n1. Navigate to the directory where you want to clone/run/save the application\n\n   ```sh\n   cd your_selected_directory\n   ```\n\n2. Clone this repository\n\n   ```sh\n   git clone https://github.com/GeorgiosIoannouCoder/shopit.git\n   ```\n\n3. Navigate to the shopit git repository\n\n   ```sh\n   cd shopit\n   ```\n\n4. Install NPM packages\n\n   ```sh\n   npm i\n   ```\n\n5. Navigate to the frontend git repository\n\n   ```sh\n   cd frontend\n   ```\n\n6. Install NPM packages\n\n   ```sh\n   npm i\n   ```\n\n7. Navigate back to the root directory\n\n   ```sh\n   cd..\n   ```\n\n8. Create a .env file inside the shopit directory\n\n   ```js\n   NODE_ENV=development\n   PORT=5000\n   MONGO_URI=PLEASE ADD HERE YOUR MONGO_URI mongodb://127.0.0.1:27017/movierate_db\n   JWT_SECRET=PLEASE ADD HERE YOUR JWT_SECRET\n   PAYPAL_CLIENT_ID=PLEASE ADD HERE YOUR PAYPAL_CLIENT_ID\n   ```\n\n9. Run the application in development mode\n\n\n   ```sh\n   npm run dev\n   ```\n\n10.  Open MongoDB Compass and connect to the URI mongodb://127.0.0.1:27017/shopit. Here you will see your database shopit being created and the data of the web application\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#readme-top\"\u003eBack to top\u003c/a\u003e\u003c/p\u003e\n\n## Usage\n\n1. Admin\n\n   - Email: admin@email.com\n   - Password: 12345678aA!\n\n2. User\n   - Email: user1@email.com\n   - Password: 12345678aA!\n  \n3. User\n   - Email: user2@email.com\n   - Password: 12345678aA!\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#readme-top\"\u003eBack to top\u003c/a\u003e\u003c/p\u003e\n\n## Demo\n\n\u003ca href=\"https://www.loom.com/share/489b00b4ffc34b40bc3a89e967211993?sid=a0d75149-4f8e-415d-8716-9abd5c013116\"\u003e\n   \u003cimg src=\"Ioannou_Georgios_ShopIt_Demo_1.png\" target=\"_blank\" alt=\"Demo 1\"\u003e\n\u003c/a\u003e\n\n\u003c/br\u003e\n\n\u003ca href=\"https://www.loom.com/share/af240f9a66a34d3296e11f218e406ad4?sid=2a580903-a82c-4c5e-ad41-3439dbb5ad57\"\u003e\n   \u003cimg src=\"Ioannou_Georgios_ShopIt_Demo_2.png\" target=\"_blank\" alt=\"Demo 2\"\u003e\n\u003c/a\u003e\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#readme-top\"\u003eBack to top\u003c/a\u003e\u003c/p\u003e\n\n## Contributing\n\nContributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.\n\nIf you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag \"enhancement\".\nDon't forget to give the project a star! Thanks again!\n\n1. Fork the Project\n2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the Branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#readme-top\"\u003eBack to top\u003c/a\u003e\u003c/p\u003e\n\n## License\n\nDistributed under the MIT License. See [LICENSE](https://github.com/GeorgiosIoannouCoder/shopit/blob/master/LICENSE) for more information.\n\nMIT License\n\nCopyright (c) 2023 Georgios Ioannou\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#readme-top\"\u003eBack to top\u003c/a\u003e\u003c/p\u003e\n\n## Contact\n\nGeorgios Ioannou - [@LinkedIn](https://linkedin.com/in/georgiosioannoucoder)\n\nGeorgios Ioannou - [@georgiosioannoucoder](https://georgiosioannoucoder.github.io/) - Please contact me via the form in my portfolio.\n\nProject Link: [https://github.com/GeorgiosIoannouCoder/shopit](https://github.com/GeorgiosIoannouCoder/shopit)\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#readme-top\"\u003eBack to top\u003c/a\u003e\u003c/p\u003e\n\n[contributors-shield]: https://img.shields.io/github/contributors/GeorgiosIoannouCoder/shopit.svg?style=for-the-badge\n[contributors-url]: https://github.com/GeorgiosIoannouCoder/shopit/graphs/contributors\n[forks-shield]: https://img.shields.io/github/forks/GeorgiosIoannouCoder/shopit.svg?style=for-the-badge\n[forks-url]: https://github.com/GeorgiosIoannouCoder/shopit/network/members\n[stars-shield]: https://img.shields.io/github/stars/GeorgiosIoannouCoder/shopit.svg?style=for-the-badge\n[stars-url]: https://github.com/GeorgiosIoannouCoder/shopit/stargazers\n[issues-shield]: https://img.shields.io/github/issues/GeorgiosIoannouCoder/shopit.svg?style=for-the-badge\n[issues-url]: https://github.com/GeorgiosIoannouCoder/shopit/issues\n[license-shield]: https://img.shields.io/github/license/GeorgiosIoannouCoder/shopit.svg?style=for-the-badge\n[license-url]: https://github.com/GeorgiosIoannouCoder/shopit/blob/master/LICENSE\n[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge\u0026logo=linkedin\u0026colorB=0077B5\n[linkedin-url]: https://linkedin.com/in/georgiosioannoucoder\n[github-shield]: https://img.shields.io/badge/-GitHub-black.svg?style=for-the-badge\u0026logo=github\u0026colorB=000\n[github-url]: https://github.com/GeorgiosIoannouCoder/\n[product-screenshot]: frontend/public/logo192.png\n[Figma]: https://img.shields.io/badge/figma-a259ff?style=for-the-badge\u0026logo=figma\u0026logoColor=1abcfe\n[Figma-url]: https://www.figma.com/\n[Postman]: https://img.shields.io/badge/postman-000000?style=for-the-badge\u0026logo=postman\u0026logoColor=orange\n[Postman-url]: https://www.postman.com/\n[MongoDB]: https://img.shields.io/badge/mongodb-001e2b?style=for-the-badge\u0026logo=mongodb\u0026logoColor=00ed64\n[MongoDB-url]: https://www.mongodb.com/\n[Node.js]: https://img.shields.io/badge/node.js-303030?style=for-the-badge\u0026logo=nodedotjs\u0026logoColor=3c873a\n[Node-url]: https://nodejs.org/en\n[Express.js]: https://img.shields.io/badge/express.js-000000?style=for-the-badge\u0026logo=express\u0026logoColor=ffffff\n[Express-url]: https://expressjs.com/\n[JWT]: https://img.shields.io/badge/JWT-black?style=for-the-badge\u0026logo=JSON%20web%20tokens\n[JWT-url]: https://jwt.io/\n[Passport]: https://img.shields.io/badge/passport.js-000000?style=for-the-badge\u0026logo=passport\u0026logoColor=d4fd02\n[Passport-url]: https://www.passportjs.org/\n[JavaScript]: https://img.shields.io/badge/javascript-323330?style=for-the-badge\u0026logo=javascript\u0026logoColor=f0db4f\n[JavaScript-url]: https://www.javascript.com/\n[HTML]: https://img.shields.io/badge/html-e34c26?style=for-the-badge\u0026logo=html5\u0026logoColor=ffffff\n[HTML-url]: https://developer.mozilla.org/en-US/docs/Web/HTML\n[CSS]: https://img.shields.io/badge/css-e7eff6?style=for-the-badge\u0026logo=css3\u0026logoColor=264de4\n[CSS-url]: https://developer.mozilla.org/en-US/docs/Web/CSS\n[React]: https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB\n[React-url]: https://react.dev/\n[ReactIcons]: https://img.shields.io/badge/react--icons-e91e63?style=for-the-badge\n[ReactIcons-url]: https://react-icons.github.io/react-icons/\n[Bootstrap]: https://img.shields.io/badge/bootstrap-e7eff6?style=for-the-badge\u0026logo=bootstrap\u0026logoColor=6762A6\n[Bootstrap-url]: https://getbootstrap.com/\n[Git]: https://img.shields.io/badge/git-000000?style=for-the-badge\u0026logo=git\u0026logoColor=orange\n[Git-url]: https://git-scm.com/\n[Render]: https://img.shields.io/badge/render-808080?style=for-the-badge\u0026logo=render\u0026logoColor=40e0d0\n[Render-url]: https://render.com/\n[PayPalAPI]: https://img.shields.io/badge/paypal-e7eff6?style=for-the-badge\u0026logo=paypal\u0026logoColor=3b7bbf\n[PayPalAPI-url]: https://developer.paypal.com/home\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgeorgiosioannoucoder%2Fshopit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgeorgiosioannoucoder%2Fshopit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgeorgiosioannoucoder%2Fshopit/lists"}