Skip to content

Shubhamxmax/React-WorkShop

Repository files navigation

React Practice Projects ⚛️

This repository contains small React projects built while learning React concepts such as hooks, routing, and API integration.


📂 Projects

💱 Currency Converter

Folder: 06CurrencyConverter

A React application that converts currencies using live exchange rates.

Concepts Used

  • React Hooks (useState, useEffect)
  • Custom Hooks
  • API fetching
  • Controlled inputs
  • Component reuse

Features

  • Select currencies
  • Enter amount
  • Convert between currencies
  • Swap currencies

🌐 React Router Project

Folder: 07reactRouter

A project demonstrating navigation using React Router.

Concepts Used

  • createBrowserRouter
  • RouterProvider
  • Route
  • Outlet
  • useParams

Pages

  • Home
  • About
  • Contact

🛠 Technologies Used

  • React
  • JavaScript (ES6+)
  • Vite
  • React Router
  • CSS / Tailwind (if used)

🚀 Running the Project

  1. Clone the repository
git clone https://github.com/your-username/react-projects.git
  1. Navigate to the project
cd 06CurrencyConverter

or

cd 07reactRouter
  1. Install dependencies
npm install
  1. Run the development server
npm run dev

📚 Purpose

These projects were created to practice:

  • React fundamentals
  • Hooks
  • Routing
  • API integration
  • Component structure

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors