{"id":24055742,"url":"https://github.com/blesten/3d-online-shop","last_synced_at":"2026-04-04T21:31:18.899Z","repository":{"id":268886857,"uuid":"905203772","full_name":"blesten/3d-online-shop","owner":"blesten","description":"Minimalistic MERN stack 3D online shop repository showcasing seamless user experience and secure authentication","archived":false,"fork":false,"pushed_at":"2025-01-12T01:10:31.000Z","size":1537,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-03T12:24:59.208Z","etag":null,"topics":["3d-website","backend-development","expressjs","frontend-development","fullstack-development","mongodb","nodejs","online-shop","reactjs","tailwindcss","three-js","typescript","vite","web-application","web-design"],"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/blesten.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","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,"zenodo":null}},"created_at":"2024-12-18T11:11:41.000Z","updated_at":"2025-01-12T01:10:34.000Z","dependencies_parsed_at":"2024-12-19T14:30:12.596Z","dependency_job_id":"e8a9c6fb-1d7a-4a1d-9419-fcf656e625ad","html_url":"https://github.com/blesten/3d-online-shop","commit_stats":null,"previous_names":["blesten/3d-online-shop"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/blesten/3d-online-shop","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blesten%2F3d-online-shop","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blesten%2F3d-online-shop/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blesten%2F3d-online-shop/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blesten%2F3d-online-shop/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/blesten","download_url":"https://codeload.github.com/blesten/3d-online-shop/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blesten%2F3d-online-shop/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31415110,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-04T20:09:54.854Z","status":"ssl_error","status_checked_at":"2026-04-04T20:09:44.350Z","response_time":60,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["3d-website","backend-development","expressjs","frontend-development","fullstack-development","mongodb","nodejs","online-shop","reactjs","tailwindcss","three-js","typescript","vite","web-application","web-design"],"created_at":"2025-01-09T04:30:19.855Z","updated_at":"2026-04-04T21:31:18.873Z","avatar_url":"https://github.com/blesten.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv id=\"top\"\u003e\u003c/div\u003e\n\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\n\u003cbr /\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://github.com/blesten/3d-online-shop\"\u003e\n    \u003cimg src=\"client/public/images/logo.svg\" alt=\"Logo\" width=\"80\" height=\"80\"\u003e\n  \u003c/a\u003e\n\n  \u003ch3 align=\"center\"\u003eStitch Lab\u003c/h3\u003e\n\n  \u003cp align=\"center\"\u003e\n    An awesome 3D online shop application based on website\n    \u003cbr /\u003e\n    \u003ca href=\"https://github.com/blesten/3d-online-shop\"\u003e\u003cstrong\u003eExplore the docs »\u003c/strong\u003e\u003c/a\u003e\n    \u003cbr /\u003e\n    \u003cbr /\u003e\n    \u003ca href=\"https://github.com/blesten/3d-online-shop/issues\"\u003eReport Bug\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/blesten/3d-online-shop/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=\"#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=\"#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    \u003cli\u003e\u003ca href=\"#acknowledgments\"\u003eAcknowledgments\u003c/a\u003e\u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n## About The Project\n\nWelcome to the **Stitch Lab** Github repository! Here, you'll find the source code for our sleek and sophisticated 3D online shop application. Built with modern technologies and a focus on user experience, our application aims to provide customers with an effortless shopping experience.\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e\u003c/p\u003e\n\n### Built With\n\nMain technology used to built this application are listed below:\n\n* [Vite](https://www.vite.dev/)\n* [Typescript](https://www.typescriptlang.org/)\n* [React.js](https://www.reactjs.org/)\n* [Tailwind CSS](https://www.tailwindcss.com/)\n* [Three JS](https://threejs.org/)\n* [Stripe](https://stripe.com/)\n* [Cloudinary](https://cloudinary.com/)\n* [Node.js](https://www.nodejs.org/)\n* [Express.js](https://www.expressjs.com/)\n* [MongoDB](https://www.mongodb.com/cloud/atlas/)\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e\u003c/p\u003e\n\n## Getting Started\n\nTo get started with this project locally, follow below steps:\n\n### Prerequisites\n\nMake sure you have Node.js, and package manager (either npm or yarn) installed\n\n\u003e**FYI**: This project uses **npm** as the package manager, but you're free to use **yarn** too.\n\n### Installation\n\nBelow steps will guide you through the local installation process of this application\n\n1. Clone the repo\n   ```\n   git clone https://github.com/blesten/3d-online-shop.git\n   ```\n2. Complete the .env variable at /server directory\nRename .env.example file at ```/config``` directory become ```.env```, then fill the value for every key. Below is the guideline for filling the .env value:\u003cbr/\u003e\n    | Key | What to Fill | Example Value |\n    | :---: | :---: | :---: |\n    | PORT | Your server port | 5000 |\n    | MONGO_URL | Your MongoDB connection URL | mongodb+srv://username:password@main.14znatw.mongodb.net/DBName?retryWrites=true\u0026w=majority |\n    | IGNORE_ERR | Error that can be ignored at frontend | TEST_IGNORE_ERR |\n    | ACCESS_TOKEN_SECRET | Your JWT access token secret | NzeWG39JJNWASRKTeM85Ki77yZbdXZapvfIfepxz7d2WG |\n    | REFRESH_TOKEN_SECRET | Your JWT refresh token secret | KS3VuMkQkGzzQ5BhMyxgpGV2xelxR7B7UummWAG5r5c |\n    | STRIPE_SECRET_KEY | Your \u003ca href=\"https://www.stripe.com/\"\u003eStripe\u003c/a\u003e Secret key | sk_test_1234 |\n    | STRIPE_SUCCESS_URL | Client URL for success payment | http://localhost:3000/success_payment |\n    | STRIPE_ERROR_URL | Client URL for failed payment | http://localhost:3000/failed_payment |\n    | CLIENT_URL | Client URL | http://localhost:3000 |\n3. Complete the key.ts variabel at /client directory\nRename key.example.ts file at ```/config``` directory become ```key.ts```, then fill the value for every key. Below is the guideline for filling the key.ts value:\u003cbr/\u003e\n    | Key | What to Fill | Example Value |\n    | :---: | :---: | :---: |\n    | CLOUDINARY_LOGO_FOLDER_ID | Your \u003ca href=\"https://cloudinary.com/\"\u003eCloudinary\u003c/a\u003e folder ID to store shirt logo image | 1234abc |\n    | CLOUDINARY_TEXTURE_FOLDER_ID | Your \u003ca href=\"https://www.cloudinary.com/\"\u003eCloudinary\u003c/a\u003e folder ID to store shirt texture image | 1234abc |\n    | CLOUDINARY_CLOUD_NAME | Your \u003ca href=\"https://www.cloudinary.com/\"\u003eCloudinary\u003c/a\u003e cloud name | abc_1234 |\n    | STRIPE_PUBLISHABLE_KEY | Your \u003ca href=\"https://www.stripe.com/\"\u003eStripe\u003c/a\u003e publishable key | pk_test_1234 |\n    | SERVER_URL | Your server application URL | http://localhost:5000 |\n4. Open your terminal, and ```cd``` to the client directory, then run ```npm install``` command to install client dependency\n5. Open your terminal, and ```cd``` to the server directory, then run ```npm install``` command to install server dependency\n6. Lastly, run ```npm run dev``` command on both ``client``` and ```server``` directory at your terminal to start the application\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e\u003c/p\u003e\n\n## Contributing\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=\"#top\"\u003eback to top\u003c/a\u003e\u003c/p\u003e\n\n## License\n\nDistributed under the MIT License. See `LICENSE.txt` for more information.\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e\u003c/p\u003e\n\n## Contact\n\nLinkedIn: [Stanley Claudius](https://www.linkedin.com/in/stanleyclaudius)\n\nProject Link: [https://github.com/blesten/3d-online-shop](https://github.com/blesten/3d-online-shop)\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e\u003c/p\u003e\n\n## Acknowledgments\n\nSpecial thanks to:\n\n* [Othneildrew](https://github.com/othneildrew/) for providing an amazing README template.\n* [Tailwind CSS](https://tailwindcss.com) for providing CSS framework to be used in this application.\n* [React Icons](https://react-icons.github.io/react-icons/) for providing icon to be used in this application.\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e\u003c/p\u003e\n\n[forks-shield]: https://img.shields.io/github/forks/blesten/3d-online-shop.svg?style=for-the-badge\n[forks-url]: https://github.com/blesten/3d-online-shop/network/members\n[stars-shield]: https://img.shields.io/github/stars/blesten/3d-online-shop.svg?style=for-the-badge\n[stars-url]: https://github.com/blesten/3d-online-shop/stargazers\n[issues-shield]: https://img.shields.io/github/issues/blesten/3d-online-shop.svg?style=for-the-badge\n[issues-url]: https://github.com/blesten/3d-online-shop/issues\n[license-shield]: https://img.shields.io/github/license/blesten/3d-online-shop.svg?style=for-the-badge\n[license-url]: https://github.com/blesten/3d-online-shop/blob/master/LICENSE.txt\n[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge\u0026logo=linkedin\u0026colorB=555\n[linkedin-url]: https://linkedin.com/in/stanleyclaudius","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblesten%2F3d-online-shop","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fblesten%2F3d-online-shop","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblesten%2F3d-online-shop/lists"}