{"id":19057615,"url":"https://github.com/pktcodes/comfy-store-react-project-v2","last_synced_at":"2025-04-24T05:22:56.318Z","repository":{"id":214298933,"uuid":"734598857","full_name":"pktcodes/comfy-store-react-project-v2","owner":"pktcodes","description":"Comfy Store Project using React - Redux Toolkit, React Query, Tailwind CSS","archived":false,"fork":false,"pushed_at":"2024-02-18T23:35:39.000Z","size":889,"stargazers_count":6,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-18T13:09:52.342Z","etag":null,"topics":["axios","daisyui","dayjs","john-smilga","prettier-plugin","prettier-plugin-tailwindcss","react","react-icons","react-query","react-query-devtools","react-router-dom","react-toastify","redux-toolkit","tailwindcss","vite"],"latest_commit_sha":null,"homepage":"https://react-comfy-store-v2-prod.netlify.app","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/pktcodes.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-12-22T05:23:27.000Z","updated_at":"2025-02-24T21:20:03.000Z","dependencies_parsed_at":null,"dependency_job_id":"96f8805c-7d36-429a-bad1-ae347c4279ce","html_url":"https://github.com/pktcodes/comfy-store-react-project-v2","commit_stats":null,"previous_names":["praveen-1995/comfy-store-react-project-v2","pktcodes/comfy-store-react-project-v2"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pktcodes%2Fcomfy-store-react-project-v2","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pktcodes%2Fcomfy-store-react-project-v2/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pktcodes%2Fcomfy-store-react-project-v2/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pktcodes%2Fcomfy-store-react-project-v2/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pktcodes","download_url":"https://codeload.github.com/pktcodes/comfy-store-react-project-v2/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250567902,"owners_count":21451519,"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":["axios","daisyui","dayjs","john-smilga","prettier-plugin","prettier-plugin-tailwindcss","react","react-icons","react-query","react-query-devtools","react-router-dom","react-toastify","redux-toolkit","tailwindcss","vite"],"created_at":"2024-11-08T23:58:23.629Z","updated_at":"2025-04-24T05:22:56.292Z","avatar_url":"https://github.com/pktcodes.png","language":"JavaScript","readme":"# Comfy Store 🛋️\n\n\u003e PROD [Live] : https://react-comfy-store-v2-prod.netlify.app/\n\n#### Comfy Store consists of a straightforward user interface where there is a\n\n- **Home** is the landing page which consists of sections i.e., **Header**, **Navbar**, **Hero**, **Featured Products**.\n- **Header** has `Sign in / Guest` which on click takes the user to the **Login** page and `Create an account` to the **Register page**.\n  -  **Login** page is where the user can log in or test the application with the Guest User.\n  -  When the user is logged in **Hi, _username_** and **`LOGOUT`** will be shown\n- **Navbar** consists of list of pages i.e., **`Home`**  , **`About`**  , **`Products`** , **`Cart`** , **`Checkout`** , **`Orders`** where the user can navigate between pages along with\n  - **Toggle** for switching between the themes i.e. dark and light modes and a **`Cart`** icon button displaying the number of items present in the cart.\n  - _Checkout_ , _Orders_ are the private/protected routes shown only to the user who has logged in.\n- **Hero** consists of the introduction of the store along with _**Carousel**_ showcasing a few products.\n- **Featured Products** highlights some of the popular products which on click of a product navigates to the page displaying the details about the product, **`ADD TO CART`** to add the item along the option of **`Amount`** selection.\n- **About** displays a few details on the information about the company.\n- **Products** consists of a list of products and different filters to search for specific items.\n- **Cart** holds all the items the user added and the total amount for the items.\n- **Checkout** is the place where the user can see the order total and enter the details to place an order.\n- **Orders** shows the list of all orders the user has placed.\n- Data is handled by **`API`**, and styles are handled by **`Tailwind CSS`**.\n- For each page render the **Loading** has been implemented and unknown route URLs are handled by the **Error** component.\n- Routing is implemented using **React Router**, **React Query** is used for caching the data requests, and **Daisy UI** for CSS components.\n- To run the project locally, clone the repo, `npm install` to install the dependencies, and `npm run dev` to start up the development server on default port 5173.\n\n#### Languages / Technologies\n\nHTML, CSS, JavaScript, ECMAScript, React\n\n#### API\nhttps://documenter.getpostman.com/view/18152321/2s9Xy5KpTi\n\n#### Deployment / Hosting\n\nNetlify\n\n---\n\n_Note: I have developed this project ~ [23] as part of the React 18 Tutorial and Projects Course (2023) taught by John Smilga._\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpktcodes%2Fcomfy-store-react-project-v2","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpktcodes%2Fcomfy-store-react-project-v2","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpktcodes%2Fcomfy-store-react-project-v2/lists"}