Welcome to my React Mini Projects repository! This collection consists of various small React applications that I built while learning React. Each project is designed to showcase different aspects of React and its ecosystem.
Visit React Mini Projects
-
Accordian: A simple accordion component to display collapsible content sections with multiple/single selection.
-
Auto Complete Search: An input field with auto-complete suggestions as you type.
-
Background Changer: Allows users to dynamically change the background color.
-
Custom hook (useCloseOnOutsideClick): Demonstrates a custom React hook for handling click events outside a specified element.
-
React Concept of Context API (UserContext): Illustrates the use of React Context API with a user context.
-
Custom hook (useFetch): A custom hook for handling data fetching in React components.
-
Custom hook (useWindowSize): Shows how to use a custom hook to track and respond to changes in window size.
-
Theme Changer (Dark-Light Mode): Enables users to switch between dark and light themes.
-
Feature Flags: Implements feature flags to conditionally enable or disable certain features.
-
Github Profile Viewer: Fetches and displays GitHub user profiles using the GitHub API.
-
Image Slider: A simple image slider/carousel component.
-
Load More: Demonstrates a "Load More" button to fetch and display additional content.
-
Modal: A basic modal component for displaying overlay content.
-
Password Generator: Generates random passwords with customizable options.
-
QR-Code Generator: Allows users to generate QR codes for specified data.
-
Random Color Generator: Generates random colors and displays them.
-
Scroll Indicator: Displays a progress indicator as the user scrolls down a page.
-
Scroll to Section within Element: Scrolls to a specific section within an element.
-
Scroll to Top and Bottom: Provides buttons to quickly scroll to the top or bottom of the page.
-
Star Rating: Allows users to rate something using a star-based rating system.
-
Tabs: A simple tabs component for organizing content.
-
TicTacToe Game: Classic Tic Tac Toe game implementation.
-
Todo App: Basic to-do list application.
-
Tree View Sidebar: Implements a tree-view sidebar navigation component.
-
Weather App: Simple and intuitive weather app providing real-time weather information based on user location or search queries, built with Vite.js and utilizing OpenWeatherMap API.
The projects in this repository are designed as individual components and are distributed in their respective directories. Each directory contains a self-contained React mini project as component.