Welcome to my portfolio of projects! 🚀 This repository showcases a variety of projects I've worked on, ranging from web applications to utilities, all built with modern technologies like React, Vite, Tailwind CSS, and more. Each project demonstrates a unique concept or feature, and together they reflect my journey as a developer. Dive in and explore! 🌟
- TodoApp
- ThemeSwitcher
- PasswordGenerator
- CurrencyConverter
- My Weather
- ContextApi01
- BgChanger
- ReactRouter
- My App
Description:
A simple yet powerful Todo application to manage your daily tasks. It features adding, editing, deleting, and toggling the completion status of todos. The app also persists data in localStorage for a seamless user experience.
Tech Stack:
- React
- Tailwind CSS
- Context API for state management
- LocalStorage for persistence
Features:
- Add, edit, and delete todos.
- Mark tasks as completed.
- Responsive design with Tailwind CSS.
Description:
A dynamic theme switcher application that allows users to toggle between light and dark modes. The app uses React Context to manage the theme state globally.
Tech Stack:
- React
- Tailwind CSS
- Context API
Features:
- Light and dark mode toggle.
- Smooth transitions between themes.
- Fully responsive design.
Description:
A secure password generator that creates strong passwords based on user preferences. Users can customize the password length and include numbers or special characters.
Tech Stack:
- React
- Tailwind CSS
Features:
- Generate passwords with customizable options.
- Copy passwords to the clipboard with a single click.
- Responsive and user-friendly interface.
Description:
A currency converter application that fetches real-time exchange rates and allows users to convert between different currencies.
Tech Stack:
- React
- Tailwind CSS
- Custom Hooks for fetching data
Features:
- Convert between multiple currencies.
- Swap "From" and "To" currencies with a single click.
- Responsive design with a clean UI.
Description:
A weather forecasting application that provides real-time weather updates for any city. It also includes a weather map for visualizing conditions.
Tech Stack:
- HTML, CSS, JavaScript
- OpenWeatherMap API
Features:
- Real-time weather updates.
- Displays temperature, humidity, wind speed, and more.
- Interactive weather map.
Description:
A simple React application demonstrating the use of Context API for state management. It includes a login form and a profile page to showcase user context.
Tech Stack:
- React
- Context API
Features:
- Login functionality with context-based state management.
- Profile page displaying user information.
Description:
A fun application that allows users to change the background color of the page with a single click. A great example of state management in React.
Tech Stack:
- React
- Tailwind CSS
Features:
- Change background color dynamically.
- Simple and interactive UI.
Description:
A React application demonstrating the use of React Router for navigation. It includes multiple pages like Home, About, Contact, and more.
Tech Stack:
- React
- React Router
- Tailwind CSS
Features:
- Nested routing with React Router.
- Dynamic routes for user profiles.
- Clean and responsive design.
Description:
A collection of mini-projects, including a card component and a counter, built to demonstrate React fundamentals like props and state management.
Tech Stack:
- React
- Tailwind CSS
Features:
- Reusable card component with props.
- Counter component demonstrating state management.
git clone https://github.com/webdevavi96/My_Projects.git
cd <project-folder>
npm install
npm run dev
Feel free to reach out if you have any questions or feedback! 📧 Email:
avinashchaurasiya901@gmail.com
🌐 Portfolio: Portfolio Website