Skip to content

Kartikaysharma2004/React-Projects

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Projects

Welcome to my React Projects repository! This repository contains a collection of projects built with React.js, demonstrating various web development techniques and concepts. Each project showcases different aspects of React, including state management, routing, and UI design.

Projects

1. Todo App

Description: A task management application that allows users to create and delete tasks. The app features an intuitive interface for managing to-do items effectively.

Features:

  • Add, edit, and delete tasks
  • Mark tasks as completed
  • Filter tasks based on status

Demo: Live Demo

2. Login Signup Page

Description: A user authentication system with a single page for login and signup. The pages include form validation and user input handling for a smooth registration and login experience.

Features:

  • User registration and login forms
  • Input validation and error handling
  • Responsive design

Demo: Live Demo

3. News App

Description: A dynamic news application that provides up-to-date news articles and headlines. Using a news API, the app fetches real-time data to deliver the latest news in an easy-to-navigate and visually appealing interface.

Features:

  • Real-time news updates via API integration
  • Categorized news sections for easy navigation
  • Responsive design for optimal viewing on all devices

4. Youtube Replica

Description: A YouTube replica interface designed to replicate the core features of the popular video-sharing platform.

Features:

  • Input validation and error handling
  • Responsive design

Demo: Live Demo

5. Redux Store

Description: A robust eCommerce platform built with React, Redux, and Tailwind CSS, featuring Fake Store API integration, dynamic cart functionality, and a responsive, visually engaging design.

Features:

  • Seamlessly add and remove items from the cart with real-time updates to the content and total price.
  • Optimized for all devices with a responsive design powered by Tailwind CSS.

Demo: Live Demo

Tech Stack 🛠️

React Redux React Router Tailwind CSS Material UI Bootstrap

Getting Started

To get started with any of these projects, follow these steps:

  1. Clone the repository:
git clone https://github.com/Kartikaysharma2004/React-Projects.git
  1. Navigate to the Project Directory:
cd react-projects/project-name
  1. Install dependencies:
npm install
  1. Run the project:
npm start
  1. Open your browser and go to http://localhost:3000 to see the project in action.

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request.

Contact

If you have any questions or feedback, please reach out to me at [email protected]

About

A collection of React.js projects showcasing various web development skills and concepts

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published