{"id":21050779,"url":"https://github.com/jamal-saadeddin/playground","last_synced_at":"2026-05-09T01:38:13.935Z","repository":{"id":208039411,"uuid":"695568366","full_name":"Jamal-SaadEddin/Playground","owner":"Jamal-SaadEddin","description":"An advanced React Concepts app with Mosh Hamedani's course, to get skilled with React-Query, React-Router, Reducers, Contexts, Providers and Zustand state management library.","archived":false,"fork":false,"pushed_at":"2023-11-19T08:13:55.000Z","size":122,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-20T18:35:35.760Z","etag":null,"topics":["react-context","react-provider","react-query","react-reducer","react-router","zustand"],"latest_commit_sha":null,"homepage":"","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/Jamal-SaadEddin.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}},"created_at":"2023-09-23T15:10:10.000Z","updated_at":"2024-02-06T14:59:39.000Z","dependencies_parsed_at":"2023-11-19T10:29:32.294Z","dependency_job_id":"9be5c11c-b4ea-42b1-b40c-7b8170d90795","html_url":"https://github.com/Jamal-SaadEddin/Playground","commit_stats":null,"previous_names":["jamal-saadeddin/playground"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jamal-SaadEddin%2FPlayground","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jamal-SaadEddin%2FPlayground/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jamal-SaadEddin%2FPlayground/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jamal-SaadEddin%2FPlayground/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Jamal-SaadEddin","download_url":"https://codeload.github.com/Jamal-SaadEddin/Playground/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243495496,"owners_count":20299923,"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":["react-context","react-provider","react-query","react-reducer","react-router","zustand"],"created_at":"2024-11-19T15:47:45.007Z","updated_at":"2026-05-09T01:38:08.914Z","avatar_url":"https://github.com/Jamal-SaadEddin.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Playground - My React Journey\n\nWelcome to the playground project, a practical application designed for part 2 of Mosh Hamedani's React course. This README will guide you through setting up the project and provide an overview of my personal experiences and key takeaways from the course.\n\n## Getting Started\n\n1. **Clone the Repository:**\n   Clone this repository to your local machine using the following command:\n\n   ```bash\n   git clone https://github.com/Jamal-SaadEddin/Playground.git\n   ```\n\n2. **Install Dependencies:**\n   Navigate to the project directory and run the following command to install the required dependencies:\n\n   ```bash\n   npm install\n   ```\n\n3. **Start the Web Server:**\n   Launch the web server by running the following command:\n\n   ```bash\n   npm run dev\n   ```\n\n   This will start the development server, and you can access the application at [http://localhost:3000](http://localhost:3000).\n\n## My React Journey Highlights\n\nThis course has been a game-changer for me in terms of React proficiency. Here are some key highlights from my journey:\n\n- **Fetching and Updating Data with React Query**\n  -  Explore skilled data management in React using React Query, ensuring efficient fetch and update data for dynamic applications.\n\n- **Reducers, Context, and Providers**\n  - Gain a deeper understanding of React state management with advanced concepts such as reducers, context, and providers.\n\n- **Managing Application State with Zustand**\n  - A lightweight state management library, ensuring a smooth user experience \u0026 eliminating React components Prop drilling.\n\n- **Routing with React Router**\n  - Master client-side routing with React Router for seamless navigation.\n\n## Acknowledgments\nSpecial thanks to [Mosh Hamedani](https://github.com/mosh-hamedani) for an enriching learning experience.\n\nElevate your skills by enrolling in the full React course at [Code with Mosh](https://codewithmosh.com).\n\nHappy coding! 🚀\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjamal-saadeddin%2Fplayground","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjamal-saadeddin%2Fplayground","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjamal-saadeddin%2Fplayground/lists"}