{"id":19974502,"url":"https://github.com/yogadeepan29/react--day-28--context-api_task","last_synced_at":"2026-04-17T10:02:29.100Z","repository":{"id":254620458,"uuid":"847073349","full_name":"Yogadeepan29/React--Day-28--Context-API_Task","owner":"Yogadeepan29","description":"Day-28 Task ( React ) - DummyCart ( Context-API Task )","archived":false,"fork":false,"pushed_at":"2024-08-24T19:21:03.000Z","size":44,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-12T09:42:50.189Z","etag":null,"topics":["bootstrap","context-api","html-css-javascript","reactjs","shopping-cart","state-management"],"latest_commit_sha":null,"homepage":"https://ryd-react-dummycart.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/Yogadeepan29.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-24T19:12:28.000Z","updated_at":"2024-08-24T19:21:06.000Z","dependencies_parsed_at":"2024-08-24T20:28:59.697Z","dependency_job_id":null,"html_url":"https://github.com/Yogadeepan29/React--Day-28--Context-API_Task","commit_stats":null,"previous_names":["yogadeepan29/react--day-28--context-api_task"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yogadeepan29%2FReact--Day-28--Context-API_Task","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yogadeepan29%2FReact--Day-28--Context-API_Task/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yogadeepan29%2FReact--Day-28--Context-API_Task/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yogadeepan29%2FReact--Day-28--Context-API_Task/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Yogadeepan29","download_url":"https://codeload.github.com/Yogadeepan29/React--Day-28--Context-API_Task/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241411431,"owners_count":19958746,"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":["bootstrap","context-api","html-css-javascript","reactjs","shopping-cart","state-management"],"created_at":"2024-11-13T03:15:11.982Z","updated_at":"2026-04-17T10:02:24.053Z","avatar_url":"https://github.com/Yogadeepan29.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# \u003ch1 align='center'\u003eDummyCart\u003c/h1\u003e\n\n\u003cp align='center'\u003eThis is a React-based shopping cart application\u003c/p\u003e\n\n## Overview\n-----------\n\nThis project is a hands-on exercise to learn and demonstrate the use of React's Context API. The application is a simple shopping cart that allows users to add and remove products from their cart, update quantities, and view their subtotal.\n\n## Focus on Context API\n-----------------------\n\nThe primary goal of this project is to learn and understand how to use React's Context API to manage state and props across components. The Context API provides a way to share data between components without having to pass props down manually.\n\n## Features\n------------\n\n* Display a list of products in the cart\n* Allow users to add and remove products from the cart\n* Update product quantities in real-time\n* Calculate and display the subtotal of the cart\n* Provide a summary total of the cart contents\n\n## Technologies Used\n--------------------\n\n* React\n* JavaScript\n* HTML/CSS\n* Bootstrap (for styling)\n* Context API (for state management)\n\n## What I Learned\n-----------------\n\nThrough this project, I learned how to:\n\n* Create a context and provider to manage state\n* Use the `useContext` hook to access context data in components\n* Update context data using the `useContext` hook\n* Use the Context API to share data between components\n\n## Challenges and Takeaways\n---------------------------\n\n* One of the biggest challenges was understanding how to properly use the Context API to manage state and props.\n* I learned that the Context API is a powerful tool for managing state, but it requires careful planning and implementation to avoid complexity and performance issues.\n* I also learned the importance of properly documenting and testing code to ensure that it is maintainable and scalable.\n\n## Getting Started\n---------------\n\nTo run the application, follow these steps:\n\n1. Clone the repository: `git clone https://github.com/Yogadeepan29/React--Day-28--Context-API_Task.git `\n2. Install the dependencies: `npm install`\n3. Start the application: `npm run dev`\n4. Open the application in your web browser: `http://localhost:3000`\n\n## Author\n------\n\nYOGADEEPAN.R\n\n## Live Demo\n\nCheck out the live demo: [DummyCart](https://ryd-react-dummycart.netlify.app)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyogadeepan29%2Freact--day-28--context-api_task","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyogadeepan29%2Freact--day-28--context-api_task","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyogadeepan29%2Freact--day-28--context-api_task/lists"}