This repository is a collection of small-to-medium React applications that showcase practical patterns, from stateful widgets to multi-page interfaces. Each project is self-contained and demonstrates specific techniques—hooks for state and effects, context for global state, custom hooks for reuse, and reducer patterns for complex updates. The codebases include common UI tasks like forms, modals, lists, filtered search, and pagination, along with data fetching and basic routing where appropriate. Because every project focuses on a narrow set of concepts, learners can clone a single folder, run it, and grasp the idea without wading through a monolith. The examples are structured to be approachable yet idiomatic, encouraging good habits while staying close to what developers actually build. Over time, the collection functions as a portfolio of reference implementations that students and practitioners can adapt to new projects.
Features
- A large set of curated mini-projects each focusing on specific React features (e.g. useState, useEffect, forms, routing)
- Ready-to-run projects (with respective package.json, dependencies) so learners can clone and experiment
- Demonstration of UI/UX patterns (e.g. modals, sidebars, pagination, dark mode)
- Progressive complexity: earlier projects are simpler, later ones involve more structure (state, side effects, routing)
- Live demo / deployed site to preview projects online
- Designed to complement a React course / tutorial (with mapping to tutorial topics)