{"id":23139151,"url":"https://github.com/horberlan/ecommerce","last_synced_at":"2025-06-11T06:07:13.929Z","repository":{"id":152496069,"uuid":"439992551","full_name":"horberlan/ecommerce","owner":"horberlan","description":"a simple ecommerce build in Next.js with Tailwind","archived":false,"fork":false,"pushed_at":"2021-12-19T23:49:17.000Z","size":10979,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-04T10:11:51.658Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/horberlan.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":"2021-12-19T23:42:25.000Z","updated_at":"2021-12-19T23:49:21.000Z","dependencies_parsed_at":null,"dependency_job_id":"cc1ccb8e-ec86-4be1-9cae-6f1aa1e85286","html_url":"https://github.com/horberlan/ecommerce","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/horberlan%2Fecommerce","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/horberlan%2Fecommerce/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/horberlan%2Fecommerce/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/horberlan%2Fecommerce/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/horberlan","download_url":"https://codeload.github.com/horberlan/ecommerce/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/horberlan%2Fecommerce/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259211837,"owners_count":22822378,"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":[],"created_at":"2024-12-17T13:13:20.531Z","updated_at":"2025-06-11T06:07:13.912Z","avatar_url":"https://github.com/horberlan.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n### [Live Version of Project](https://thehealthyfermentary.com)\n\n\n### Project Description\n\nIn this project I engineered eCommerce application for a customer in process of starting a fermented beverage delivery service, designed reusable react components to enable sophisticated shopping experience while maintaining a clean codebase, conceptualized and implemented both desktop-centric and mobile-centric designs, communicated with, implemented requests from, and updated customer throughout the process from conception to present. Technologies used: React.js (Next.js), GraphQL, Styled Components, tailwindCSS, framer motion, stripe.js\n\n🛑 **Development status:** MVP of Application developed. Increasing performance of sometimes jittery animations, refactoring codebase for increased readability and reusaability, and addition of TypeScript are among the highest development priorities going forward. \n\n### This Project Features the Following:\n- 🔥A distinct shopping cart experience Mobile and for Desktop, animated with Framer Motion\n- 🔥eCommerce features including CRUD functionality for cart items\n- 🔥Secure payments via Stripe.js\n- 🔥Backend shopping cart validation for fraudulent transaction prevention\n- 🔥Statically Generated Pages for quicker load times\n- 🔥Blurred image thumbnail loading - used for better site experience for users with slow internet connections\n\n# Technologies Used\n\n## Superplate\n\n\u003e[Superplate](https://github.com/pankod/superplate) is a well-structured production-ready frontend boilerplate with Typescript, Jest, testing-library, styled-component, Sass, Css, .env, Fetch, Axios, Reverse Proxy, \u003eBundle Analyzer and 30+ plugin. For now, only creates projects for React and Next.js\n\n## Framer Motion \n\n\u003e[Framer Motion](https://www.framer.com/motion/) A production-ready motion library for React. Utilize the power behind Framer, the best prototyping tool for teams. Proudly open source.\n\n## TailwindCSS\n\n\u003eA utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.\n\u003e[Go To Documentation](https://tailwindcss.com/docs)\n\n## NextJS\n\n\u003e \"The React Framework for Production\" [Next.js](https://nextjs.org/) gives you the best developer experience with all the features you need for production: hybrid static \u0026 server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.\n\n## Apollo GraphQL\n\n\u003eApollo Client is a comprehensive state management library for JavaScript that enables you to manage both local and remote data with GraphQL. Use it to fetch, cache, \u003e\u003eand modify application data, all while automatically updating your UI.\n\u003e[Go To Documentation](https://www.apollographql.com/docs/react/)\n\n## Stripe.js\n\n\u003eOnline payment processing for internet businesses. Stripe is a suite of payment APIs that powers commerce for online businesses of all sizes\n\u003e[Go To Documentation](https://stripe.com/docs/js)\n\n## react-use\n\n\u003eA Collection of useful React hooks.\n\u003e[Go To Documentation](https://github.com/streamich/react-use)\n\n\n## ESLint\n\n\u003e A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.\n\u003e [Go To Documentation](https://eslint.org/docs/user-guide/getting-started)\n\n\n## Prettier\n\n\u003e An opinionated code formatter; Supports many languages; Integrates with most editors.\n\u003e [Go To Documentation](https://prettier.io/docs/en/index.html)\n\n## Strapi (Backend)\n\n\u003e [Strapi](Strapi.io) is the next-gen headless CMS, open-source, javascript, enabling content-rich experiences to be created, managed and exposed to any digital device.\n\n## MongoDB (Database)\n\n\u003e Classified as a NoSQL database program, [MongoDB](https://www.mongodb.com/) uses JSON-like documents with optional schemas. \n\n## Cloudinary\n\n\u003e Developers and marketers use [Cloudinary](https://cloudinary.com/) to quickly and easily create, manage and deliver their digital experiences across any browser, device and bandwidth.\n\n\n\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhorberlan%2Fecommerce","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhorberlan%2Fecommerce","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhorberlan%2Fecommerce/lists"}