Skip to content

A collection of ReactJS practice projects built while learning modern web development. Includes mini-apps for Redux Toolkit, CreateSlice, API handling, and authentication. Each project focuses on real-world use cases to strengthen React fundamentals.

Notifications You must be signed in to change notification settings

SubhanAkhtar755/Learn-ReactJS

Repository files navigation

⚛️ Learn ReactJS – Practice Projects Collection

A collection of ReactJS learning projects built while practicing modern React concepts like Redux Toolkit, CreateSlice, API integration, Login/Signup forms, and state management.
Each folder inside this repository represents a separate mini project created during the React learning journey.

Live Demo (HTML Cards Overview):
👉 https://react-learning-links-html.netlify.app/


What's Inside

Folder Description
Create-SliceRedux Practicing Redux Toolkit with createSlice for state management
LoginSignUpPage-React Login and Signup form handling with validation
Mr7Share Small React app with dynamic UI updates
Redux-CreateApi2 API calls and async thunks using Redux Toolkit
Redux-Practice Basic Redux store and action setup practice
Redux-createApi Redux Toolkit Query (RTK Query) API integration test

Learning Goals

  • Understanding React Components and Props
  • Managing state using Redux Toolkit
  • Practicing API calls and async logic in React
  • Handling form validation and user input
  • Building and deploying apps with Netlify

⚙️ Tech Stack

Frontend State Management Deployment
ReactJS Redux Toolkit Netlify
HTML5, CSS3 RTK Query

Preview

You can explore all project links visually at:
🔗 https://react-learning-links-html.netlify.app/


Future Improvements

✅ Add search and filter for projects
✅ Improve UI of HTML card listing page
✅ Combine all small apps into one portfolio site


About This Project

This repository was created while learning ReactJS and Redux Toolkit.
It contains multiple small projects built to understand real-world concepts step-by-step — from component design to state management and API integration.

I built and hosted an HTML index page to showcase all project links together for easy access.


Contact Me

Muhammad Subhan Akhtar

🌍 Subhan Portfolio
✉️ Email: muhammadsubhan192128@gmail.com
💬 Feel free to connect for collaboration or freelance React projects.


About

A collection of ReactJS practice projects built while learning modern web development. Includes mini-apps for Redux Toolkit, CreateSlice, API handling, and authentication. Each project focuses on real-world use cases to strengthen React fundamentals.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published