{"id":15805907,"url":"https://github.com/krenbot/crwn-clothing","last_synced_at":"2026-05-09T07:06:25.623Z","repository":{"id":167639683,"uuid":"643260398","full_name":"Krenbot/crwn-clothing","owner":"Krenbot","description":"E-commerce clothing store done in React w/Redux, Firebase, Stripe","archived":false,"fork":false,"pushed_at":"2023-07-21T03:14:50.000Z","size":2049,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-10-05T02:41:11.455Z","etag":null,"topics":["clothing","ecommerce","ecommerce-store","firebase","reactjs","reactrouter","reactrouterdom","redux-saga","redux-thunk","styled-components"],"latest_commit_sha":null,"homepage":"https://main--superb-chebakia-e13d92.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/Krenbot.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-05-20T15:46:51.000Z","updated_at":"2023-07-18T09:28:40.000Z","dependencies_parsed_at":null,"dependency_job_id":"bad61041-8a0f-4a33-a128-bbcad44a7441","html_url":"https://github.com/Krenbot/crwn-clothing","commit_stats":null,"previous_names":["krenbot/crwn-clothing"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Krenbot%2Fcrwn-clothing","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Krenbot%2Fcrwn-clothing/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Krenbot%2Fcrwn-clothing/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Krenbot%2Fcrwn-clothing/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Krenbot","download_url":"https://codeload.github.com/Krenbot/crwn-clothing/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246552030,"owners_count":20795750,"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":["clothing","ecommerce","ecommerce-store","firebase","reactjs","reactrouter","reactrouterdom","redux-saga","redux-thunk","styled-components"],"created_at":"2024-10-05T02:40:37.595Z","updated_at":"2026-05-09T07:06:20.570Z","avatar_url":"https://github.com/Krenbot.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CRWN Clothing\nhttps://superb-chebakia-e13d92.netlify.app/\n\n## Description\n\nCRWN Clothing is a project I initiated to gain hands-on experience in setting up, maintaining, and implementing best practices for an e-commerce website. Through this project, I delved into advanced concepts in React and various related technologies. The website offers users the ability to register or log in, maintain a persistent shopping cart, navigate different product categories (hats, jackets, etc.), select and modify items in the cart, and complete the checkout process using a credit card.\n\nTo ensure a robust and scalable application, the site was initially built using Redux, followed by the implementation of Redux Thunk and Redux Saga for additional practice. I adhered to industry-standard architecture practices and meticulously maintained code formatting throughout the project. The styling was initially done using CSS, and later refactored using Styled Components for a more streamlined development experience.\n\nCRWN Clothing showcases reactivity and responsiveness, providing an intuitive user experience. The website leverages the power of Firebase to maintain a userbase and facilitate secure authentication. Additionally, React Router is employed to enable seamless navigation between different routes.\n\nWith CRWN Clothing, I aimed to broaden my skills in e-commerce development, React, and related technologies. Explore the codebase to witness the culmination of my learnings and dedication to building a high-quality, feature-rich e-commerce site.\n\n## Table of Contents\n  1) [Technologies](#technologies-used)\n  2) [Challenges](#challenges)\n  3) [Future Implementations](#future-implementations)\n  4) [User Story](#user-story)\n  5) [Installation](#installation)\n  6) [Credits](#credits)\n  7) [License](#license)\n\n## Technologies\n* [React](https://react.dev/) - Front-end library.\n* [React-Router](https://reactrouter.com/en/main) - Client side app routing.\n* [Redux](https://redux.js.org/) - State management.\n* [Redux Toolkit](https://redux-toolkit.js.org/) - Redux development toolkit.\n* [Firebase](https://firebase.google.com/) - Database management.\n* [Styled Components](https://styled-components.com/) - Consistent style management.\n* [Netlify](https://www.netlify.com/) - Site deployment.\n* [Stripe](https://stripe.com/) - Credit card payment management.\n\n## Challenges\n* State management - redoing the application in Thunk and Saga.\n* Styled components - learning a new styling framework.\n\n## Future Implementation\n* Use/redesign codebase to use as a tested template for local vendors.\n* Redesign UI to be less minimalistic.\n\n## User Story\n```md\nAS AN e-commerce clothing customer\nI WANT to have an easy-to-navigate store with secure payment portals\nSO THAT I can buy stylish clothing with peace of mind.\n```\n\n## Installation\n* Clone directory to code editor of choice\n* Use custom `$npm install` script to install necessary JSON packages\n* Use `$npm start` to build and deploy on your local machine server\n\n## Credits\n* Project came from a tutorial by [Zero-To-Mastery](https://zerotomastery.io/)'s [Complete React Developer](https://zerotomastery.io/courses/learn-react/) course. \u003cbr\u003eThanks, [Yihua](https://github.com/ZhangMYihua).\n\n## License\nMIT © Krenbot","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkrenbot%2Fcrwn-clothing","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkrenbot%2Fcrwn-clothing","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkrenbot%2Fcrwn-clothing/lists"}