/Project-based-learning-on-react

Welcome to the Project-Based Learning repository for React, featuring hands-on projects like a Spotify Clone and a WhatsApp Clone.

Primary LanguageCSS

Project-Based Learning on React

Welcome to the Project-Based Learning repository for React! This repository contains two exciting projects: a Spotify Clone and a WhatsApp Clone. These projects will help you understand and apply React concepts in real-world scenarios.

Table of Contents

Introduction

This repository is designed to help you learn React by building two popular applications. By following the steps and completing these projects, you will gain hands-on experience with React components, state management, hooks, routing, and more.

Spotify Clone

Features

  • User Authentication
  • Browse and Search for Songs
  • Play, Pause, and Skip Tracks
  • View Playlists

Installation

  1. Clone the repository:

    git clone https://github.com/jahnvisahni31/project-based-learning-on-react.git
    cd project-based-learning-on-react/spotify-clone
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm start

Usage

  • Open your browser and go to http://localhost:3000 to view the application.
  • Login with your Spotify account to access all features.

WhatsApp Clone

Features

  • User Authentication
  • Real-time Messaging
  • Create and Join Chat Rooms
  • Display Online Status

Installation

  1. Clone the repository:

    git clone https://github.com/jahnvisahni31/project-based-learning-on-react.git
    cd project-based-learning-on-react/whatsapp-clone
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm start

Usage

  • Open your browser and go to http://localhost:3000 to view the application.
  • Login with your account to start chatting.

Contributing

Contributions are welcome! Please fork this repository and submit a pull request for any enhancements or bug fixes.

License

This project is licensed under the MIT License - see the LICENSE file for details.