{"id":21326215,"url":"https://github.com/subhash23jan/react-complete-","last_synced_at":"2026-04-09T09:57:27.181Z","repository":{"id":261780004,"uuid":"872944532","full_name":"Subhash23jan/React-Complete-","owner":"Subhash23jan","description":"This repository provides a collection of ReactJS practice exercises and mini-projects to help developers master ReactJS, from basic concepts to advanced techniques. It covers key topics like JSX, components, state, props, hooks, React Router, Context API, and performance optimization. ","archived":false,"fork":false,"pushed_at":"2024-11-20T15:56:44.000Z","size":1296,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-22T12:32:41.322Z","etag":null,"topics":["development","html-css-javascript","node","reactjs","web"],"latest_commit_sha":null,"homepage":"","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/Subhash23jan.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-10-15T10:48:20.000Z","updated_at":"2024-11-20T15:56:48.000Z","dependencies_parsed_at":"2024-11-08T12:19:16.291Z","dependency_job_id":"8c4f7e5e-4626-4c67-a10e-6f90cd9f4586","html_url":"https://github.com/Subhash23jan/React-Complete-","commit_stats":null,"previous_names":["subhash23jan/react-complete-"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Subhash23jan%2FReact-Complete-","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Subhash23jan%2FReact-Complete-/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Subhash23jan%2FReact-Complete-/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Subhash23jan%2FReact-Complete-/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Subhash23jan","download_url":"https://codeload.github.com/Subhash23jan/React-Complete-/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243806041,"owners_count":20350775,"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":["development","html-css-javascript","node","reactjs","web"],"created_at":"2024-11-21T21:08:49.135Z","updated_at":"2025-12-31T00:21:07.211Z","avatar_url":"https://github.com/Subhash23jan.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ReactJS Practice and Mini Projects\n\nWelcome to the **ReactJS Practice and Mini Projects** repository! This repository provides a complete set of exercises and mini-projects designed to help you master ReactJS, whether you're a beginner or someone looking to improve your skills.\n\n## 📚 Contents\n\n1. **ReactJS Basics**\n   - JSX and Components\n   - State and Props\n   - Event Handling\n   - Conditional Rendering\n   - Lists and Keys\n   - Forms in React\n   - Hooks (useState, useEffect)\n   - Styling React Components (CSS, CSS Modules)\n\n2. **Advanced React Concepts**\n   - Context API\n   - React Router for navigation\n   - Error Boundaries\n   - Higher-Order Components (HOCs)\n   - Code Splitting with React.lazy and Suspense\n   - Performance Optimization (useCallback, useMemo)\n   \n3. **Mini Projects**\n   - **To-Do List**: Basic task manager using React state and props.\n   - **Weather App**: Displays weather data using an external API (OpenWeather).\n   - **Movie Search App**: Search movies via an API with debouncing.\n   - **E-commerce Product Page**: Displays products and manages cart functionality.\n   - **Blog App**: Create, update, and delete blog posts (CRUD).\n   - **Quiz App**: Interactive quiz with multiple questions and score tracking.\n\n## 🚀 Getting Started\n\n### Prerequisites\n\n- Node.js (v12+)\n- npm or yarn\n\n### Installation\n\n1. **Clone the repository:**\n   ```bash\n   git clone https://github.com/your-username/reactjs-practice-mini-projects.git\n   ```\n\n2. **Navigate into the project folder:**\n   ```bash\n   cd reactjs-practice-mini-projects\n   ```\n\n3. **Install dependencies for any project:**\n   ```bash\n   cd project-name\n   npm install\n   ```\n\n4. **Run the development server:**\n   ```bash\n   npm start\n   ```\n\n   This will start the project on `http://localhost:3000/`.\n\n## 🛠 Tools and Technologies\n\n- **ReactJS**: A JavaScript library for building user interfaces.\n- **React Router**: For navigation and routing.\n- **Axios/Fetch API**: For making API requests.\n- **Styled Components/CSS Modules**: For component-level styling.\n- **React Hooks**: For state management and side effects.\n\n## 📝 Project Structure\n\nEach mini project and exercise is organized in its own directory. Here's the structure:\n\n```\nreactjs-practice-mini-projects/\n│\n├── 01_basics/\n│   ├── JSX_Practice/\n│   ├── State_and_Props/\n│   └── ...\n│\n├── 02_advanced/\n│   ├── Context_API/\n│   ├── React_Router/\n│   └── ...\n│\n├── 03_mini_projects/\n│   ├── todo_app/\n│   ├── weather_app/\n│   ├── movie_search_app/\n│   ├── ecommerce_product_page/\n│   ├── blog_app/\n│   └── quiz_app/\n```\n\n## 📂 How to Use\n\n- Navigate to the project folder you want to work on.\n- Install the required dependencies.\n- Run the development server with `npm start` or `yarn start`.\n- Explore and modify the code to practice React concepts.\n\n## 👨‍💻 Contribution\n\nContributions are welcome! Feel free to open issues or submit pull requests if you have improvements or new mini-projects to add.\nHappy coding! ✨\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsubhash23jan%2Freact-complete-","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsubhash23jan%2Freact-complete-","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsubhash23jan%2Freact-complete-/lists"}