{"id":18494781,"url":"https://github.com/sylvaincodes/youtube_ecommerce","last_synced_at":"2025-04-09T20:04:14.129Z","repository":{"id":251655039,"uuid":"837691686","full_name":"sylvaincodes/youtube_ecommerce","owner":"sylvaincodes","description":"A full ecomerce project built with nextjs for education on youtube","archived":false,"fork":false,"pushed_at":"2024-11-21T16:47:50.000Z","size":3992,"stargazers_count":57,"open_issues_count":3,"forks_count":27,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-09T20:04:08.957Z","etag":null,"topics":["framer-motion","mongodb","nextjs","react","redux","redux-toolkit","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://ecommerce-0079.netlify.app","language":"TypeScript","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/sylvaincodes.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-08-03T18:15:39.000Z","updated_at":"2025-03-18T10:00:11.000Z","dependencies_parsed_at":"2024-11-06T13:26:21.492Z","dependency_job_id":"9c32e80a-6be2-4df6-9907-489a5f2e9958","html_url":"https://github.com/sylvaincodes/youtube_ecommerce","commit_stats":null,"previous_names":["sylvaincodes/youtube_ecommerce"],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sylvaincodes%2Fyoutube_ecommerce","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sylvaincodes%2Fyoutube_ecommerce/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sylvaincodes%2Fyoutube_ecommerce/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sylvaincodes%2Fyoutube_ecommerce/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sylvaincodes","download_url":"https://codeload.github.com/sylvaincodes/youtube_ecommerce/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248103865,"owners_count":21048245,"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":["framer-motion","mongodb","nextjs","react","redux","redux-toolkit","tailwindcss","typescript"],"created_at":"2024-11-06T13:22:04.067Z","updated_at":"2025-04-09T20:04:14.096Z","avatar_url":"https://github.com/sylvaincodes.png","language":"TypeScript","funding_links":["https://www.patreon.com/sylvaincodes"],"categories":[],"sub_categories":[],"readme":"![Screenshot](https://github.com/sylvaincodes/screenshots_for_app/blob/main/carrefour_ecoomerce.png)\n\n\n# Next Js Full Stack Ecommerce From Scratch.\n\nThis is a full stack Nextjs app with a beautiful and amazing design ui. \n\n## Our goal\n\n- Build beautiful Frontend Design UI \u0026  High quality code \n- Build Strong Api.\n- Test with Jest and Cypress.\n\n## Core features \n\n- Learn how to start a next js  project from scratch\n- Learn how to set SEO to Next Js Project\n- Learn how to set up Tailwind Css and Next Js Project\n- Learn how to create React components with Tailwind CSS\n- Learn how to create React components with framer motion\n- Learn how to Test your app with Jest, Cypress\n- Learn how to build consume API \n\n## Quick start\n\nTo spin up this example loccaly, follow these steps\n\n### Clone\n\nUse the ` git clone ` CLI to clone template directly  to your machine\n\n### Set up env file\n\n1. You will need to setup Next js  [Next Js ](https://nextjs.org)\n\n```bash\n    NEXT_PUBLIC_SERVER_URL=\n```\n\n### Run project on local\n\n\n```bash\n    npm install\n    npm run dev\n```\n\n## Project Dev Steps\n\n1. Environment Setup\n   \n   Create a env file on the root of project\n   PUT THIS INSIDE\n\n```bash\n\n    NEXT_PUBLIC_SERVER_URL=http://localhost:3000\n    NEXT_PUBLIC_API_URL=https://carrefour-theta.vercel.app\n    NEXTAUTH_SECRET=NEXTAUTH_SECRET\n\n    # Stripe integration \n    NEXT_PUBLIC_STRIPE_CLIENT_KEY=\n    STRIPE_SECRET_KEY=\n\n    # Paypal integration \n    NEXT_PUBLIC_PAYPAL_CLIENT_ID=\n    PAYPAL_CLIENT_SECRET=\n```\n\n2.  Project Folder Structure\n\n3.  Setup Eslint\n   \n4.  Setup Jest\n\n5. Setup Cypress\n\n7. Create Pipeline CI CD\n    \n8. Setup ShadCn and Some Libraries\n\n9. Setup Frontend UI Kit ( Colors - Fonts - Container )\n\n10. Create  Home UI\n\n11. Create  Product page UI\n\n12. Create  Product Detail  UI\n\n13. Create  Cart UI\n\n14. Create  Checkout UI\n\n15. Create  Payment UI\n\n16. Create  Dashoard UI\n\n17. Fixing bug \n\n18. Test Jest \n\n19. Test Cypress \n\n20. Deploy \n\n\n\n## Questions\n\nIf you have any issues or questions [Send a comment] (https://www.youtube.com/@sylvaincodes593) on Youtube or reach out me on [Discord](https://discord.gg/aGer8EX9) or for private messages on [patreon.com/sylvaincodes](https://www.patreon.com/sylvaincodes)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsylvaincodes%2Fyoutube_ecommerce","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsylvaincodes%2Fyoutube_ecommerce","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsylvaincodes%2Fyoutube_ecommerce/lists"}