{"id":21992497,"url":"https://github.com/walidbosso/react_projects","last_synced_at":"2026-02-27T18:02:46.499Z","repository":{"id":197257981,"uuid":"696613296","full_name":"walidbosso/React_Projects","owner":"walidbosso","description":"⚛️ Here where I store my pure React projects, three projects so far, first there's a full E-Commerce application using a JSON server, before that a Connect-4 game, and finally a Basic calculator.","archived":false,"fork":false,"pushed_at":"2024-01-10T17:52:00.000Z","size":921,"stargazers_count":7,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-30T14:23:25.535Z","etag":null,"topics":["calculator","calculator-javascript","connect-4","connect-four","css","e-commerce","hooks","javascript","jsonserver","jsx","nodejs","props","reactjs"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/walidbosso.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2023-09-26T05:20:36.000Z","updated_at":"2024-10-20T21:38:55.000Z","dependencies_parsed_at":null,"dependency_job_id":"168fb69e-1fda-419b-a806-bd1aabbe6027","html_url":"https://github.com/walidbosso/React_Projects","commit_stats":null,"previous_names":["walidbosso/react_projects"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/walidbosso/React_Projects","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walidbosso%2FReact_Projects","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walidbosso%2FReact_Projects/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walidbosso%2FReact_Projects/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walidbosso%2FReact_Projects/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/walidbosso","download_url":"https://codeload.github.com/walidbosso/React_Projects/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walidbosso%2FReact_Projects/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29907346,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-27T17:28:36.873Z","status":"ssl_error","status_checked_at":"2026-02-27T17:28:20.970Z","response_time":57,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["calculator","calculator-javascript","connect-4","connect-four","css","e-commerce","hooks","javascript","jsonserver","jsx","nodejs","props","reactjs"],"created_at":"2024-11-29T20:13:55.634Z","updated_at":"2026-02-27T18:02:46.485Z","avatar_url":"https://github.com/walidbosso.png","language":"JavaScript","readme":"![React_Projects](https://socialify.git.ci/walidbosso/React_Projects/image?description=1\u0026font=Source%20Code%20Pro\u0026forks=1\u0026issues=1\u0026language=1\u0026name=1\u0026owner=1\u0026pattern=Formal%20Invitation\u0026pulls=1\u0026stargazers=1\u0026theme=Auto)\n\n\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://github.com/walidbosso/React_Projects\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/khoa083/khoa/main/Khoa_ne/img/Rainbow.gif\" width=\"60%\"/\u003e \u003c/a\u003e\n\u003c/p\u003e\n\u003cdiv align=\"center\"\u003e\n  \n  [![GitHub WidgetBox](https://github-widgetbox.vercel.app/api/profile?username=walidbosso\u0026data=followers,repositories,stars,commits\u0026theme=nautilus)](https://github.com/walidbosso/React_Projects)\n\n  \u003cp align=\"center\"\u003e\n\u003ca href=\"https://github.com/walidbosso/React_Projects\"\u003e\n\u003cimg src=\"https://api.visitorbadge.io/api/visitors?path=https%3A%2F%2Fgithub.com%2Fwalidbosso%2FReact_Projects\u0026label=Project%20views\u0026countColor=%23263759\u0026style=flat-square\u0026labelStyle=none\" /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003ca href=\"https://github.com/walidbosso/React_Projects\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/khoa083/khoa/main/Khoa_ne/img/Rainbow.gif\" width=\"60%\"/\u003e\n  \u003ca/\u003e\n\u003c/a\u003e\n\n\n\u003cbr/\u003e\n  \n# React Projects Repository\n  \n  \u003c/div\u003e\n\n\n\nWelcome to my repository where I store pure React projects. This repository contains three projects:\n\n1. **E-Commerce Application with JSON Server**\n2. **Connect-4 Game**\n3. **Basic Calculator**\n\nFeel free to explore each project and use them as a reference for your own projects.\n\n## Projects\n\n### 1. E-Commerce Application with JSON Server\n\nA full-fledged E-Commerce application built using React and powered by a JSON server. This project demonstrates how to create a dynamic online store with product listings, a shopping cart, and a simple checkout process.\n\n#### Technologies Used:\n- ReactJS\n- JSON Server\n- CSS\n\n#### How to Run:\n1. Fork \u0026 Clone the repository.\n2. Navigate to the `E-Commerce` directory.\n3. Install dependencies: `npm install`.\n4. Install JSON Server `npm install -g json-server`\n5. Navigate to db/db.json. Start the JSON server: `json-server --watch db.json`.\n6. Start the React app: `npm start`.\n\n### 2. Connect-4 Game\n\nA classic Connect-4 game implemented in React. This project showcases the use of React hooks and state management to create an interactive gaming experience.\n\n#### Technologies Used:\n- ReactJS\n- CSS\n- Hooks\n\n#### How to Run:\n1. Fork \u0026 Clone the repository.\n2. Navigate to the `Connect-4` directory.\n3. Install dependencies: `npm install`.\n4. Start the React app: `npm start`.\n\n### 3. Basic Calculator\n\nA simple calculator built using React. This project is an excellent example of using React state and props for building interactive user interfaces.\n\n#### Technologies Used:\n- ReactJS\n- CSS\n- JavaScript (Calculator logic)\n\n#### How to Run:\n1. Fork \u0026 Clone the repository.\n2. Navigate to the `basic-calculator` directory.\n3. Install dependencies: `npm install`.\n4. Start the React app: `npm start`.\n\n## Topics\n\n- Node.js\n- JavaScript\n- CSS\n- ReactJS\n- React Hooks\n- Props\n- JSON Server\n- E-Commerce\n- Calculator\n- Connect-4\n\nFeel free to explore the projects and use the code as a reference for your own projects. If you have any questions or suggestions, feel free to reach out!\n\nHappy coding!\n\n\n\u003cbr\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \n----------------------\n\u003e \u003e  \u003cbr/\u003e \u0026copy; *by Walid BOUSSOU*   🇲🇦 😄 \u003cbr/\u003e  \n----------------------\n\n\u003cdetails\u003e\n\n\u003csummary\u003e👏 Thanks for the support \u003c/summary\u003e\n\n## Stargazers\n\n\n\u003cdiv align=\"center\"\u003e\n\n[![Stargazers repo roster for @walidbosso/React_Projects](http://reporoster.com/stars/dark/walidbosso/React_Projects)](https://github.com/walidbosso/React_Projects/stargazers)\n\n\n\n\u003c/div\u003e\n\n## Forkers\n\n\u003cdiv align=\"center\" \u003e\n\n[![Forkers repo roster for @walidbosso/React_Projects](http://reporoster.com/forks/dark/walidbosso/React_Projects)](https://github.com/walidbosso/React_Projects/network/members)\n\n\u003c/div\u003e\n\n## Contributors\n\n\u003ca href = \"https://github.com/walidbosso\"\u003e\n  \u003cimg src = \"https://contrib.rocks/image?repo=walidbosso/React_Projects\"/\u003e\n\u003c/a\u003e\n\n\n\u003cbr/\u003e\u003c/details\u003e\u003cbr/\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n\u003ca href=\"https://www.buymeacoffee.com/walidbosso\"\u003e\u003cimg src=\"https://img.buymeacoffee.com/button-api/?text=Buy me a coffee\u0026emoji=☕\u0026slug=walidbosso\u0026button_colour=5F7FFF\u0026font_colour=ffffff\u0026font_family=Poppins\u0026outline_colour=000000\u0026coffee_colour=FFDD00\" /\u003e\u003c/a\u003e\n\n![GitHub last commit (by committer)](https://img.shields.io/github/last-commit/walidbosso/React_Projects?style=social)\n\n\u003c/div\u003e\n\u003cdiv align=\"center\"\u003e\n\n![GitHub License](https://img.shields.io/github/license/walidbosso/React_Projects?style=social)\n\n\n\n\n\u003c/div\u003e\n\n\n\u003ca href = \"https://github.com/walidbosso\"\u003e\n  \u003cimg src = \"https://github.com/walidbosso/Python-GUI/blob/main/border.gif\" width=\"100%\"/\u003e\n\u003c/a\u003e\n\n\u003ca href = \"https://github.com/walidbosso\"\u003e\n  \u003cimg src = \"https://github.com/walidbosso/Python-GUI/blob/main/ciber-coding.gif\" width=\"100%\"/\u003e\n\u003c/a\u003e\n\n\u003ca href = \"https://github.com/walidbosso\"\u003e\n  \u003cimg src = \"https://github.com/walidbosso/Python-GUI/blob/main/border.gif\" width=\"100%\"/\u003e\n\u003c/a\u003e\n\n\n𝚂𝚑𝚘𝚠 𝚜𝚘𝚖𝚎 💙 𝚋𝚢 𝚜𝚝𝚊𝚛𝚛𝚒𝚗𝚐 ⭐ 𝚝𝚑𝚎 𝚛𝚎𝚙𝚘𝚜𝚒𝚝𝚘𝚛𝚢!\n\n\u003cbr/\u003e\n\n\n\u003cp align=\"center\"\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"https://img.shields.io/badge/Back%20to%20top--lightgrey?style=social\" alt=\"Back to top\" height=\"20\"/\u003e\u003c/a\u003e\u003c/p\u003e\n","funding_links":["https://www.buymeacoffee.com/walidbosso","https://img.buymeacoffee.com/button-api/?text=Buy"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwalidbosso%2Freact_projects","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwalidbosso%2Freact_projects","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwalidbosso%2Freact_projects/lists"}