React Projects

A collection of React projects to showcase various functionalities and features of React.

Table of Contents

1. Counter
2. Tailwind Props
3. Background Changer
4. Password Generator
5. Currency Converter
6. React Router
7. Mini Context
8. Theme Switcher
9. ToDo Local Storage
10. ToDo Redux Toolkit
11. Weather App
12. Tic-Tac-Toe

Project Descriptions

1. Counter

A simple counter application to increment and decrement a number.

Folder: 01counter

2. Tailwind Props

An example project demonstrating the use of Tailwind CSS with React.

Folder: 02tailwindprops

3. Background Changer

A project that changes the background color of the page based on user input.

Folder: 03bgchanger

4. Password Generator

A tool to generate random passwords based on user-defined criteria.

Folder: 04passwordGenerator

5. Currency Converter

A currency converter application that allows users to convert between different currencies.

Folder: 05currencyConvertor

6. React Router

A project showcasing the use of React Router for navigation between different components.

Folder: 06reactRouter

7. Mini Context

An example of using React Context for state management.

Folder: 07miniContext

8. Theme Switcher

A project that allows users to switch between different themes (e.g., light and dark mode).

Folder: 08themeSwitcher

9. ToDo Local Storage

A ToDo list application that saves tasks in local storage.

Folder: 09todoLocal

10. ToDo Redux Toolkit

A ToDo list application implemented with Redux Toolkit for state management.

Folder: 10todoReduxToolkit

11. Weather App

A weather application that fetches and displays weather data based on user input.

Folder: 11weatherApp

12. Tic-Tac-Toe

A classic tic-tac-toe game built with React.

Folder: 12tic-tac-toe

Folder: 13expenseTracker

Getting Started

To get started with any of these projects, clone the repository and navigate to the project folder:

git clone https://github.com/sneha-2510/React-Projects.git
cd React-Projects
cd <project-folder>
npm install
npm run dev