latifii/react-exercises

React Exercises

Welcome to the React Exercises repository! This repository contains a series of exercises designed to help you practice and improve your React development skills. Each exercise is structured as an independent project, allowing you to focus on a specific concept without dependencies on other exercises.

Table of Contents

• Introduction
• Getting Started
• Contributing
• Exercises

Introduction

This repository consists of individual React exercises, with each exercise set up as a separate project. You can work on the exercises independently, without needing to worry about any interdependencies.

Each exercise includes its own package.json, meaning you will need to install dependencies and run the project individually for each exercise.

Getting Started

Prerequisites

Before starting, make sure you have the following installed on your machine:

• Node.js (version 14 or higher)
• npm or yarn

Running an Exercise

1. Clone this repository:

   git clone https://github.com/latifii/react-exercises.git
   cd react-exercises
   

2. Navigate to the folder of the exercise you'd like to work on:

   cd Exercise1
   

3. Install the dependencies for that specific exercise:

   npm install
   

4. Start the development server for that exercise:

   npm start
   

This will start the React app for the chosen exercise. Open http://localhost:3000 to view it in your browser.

Notes:

• You will need to repeat the above steps for each individual exercise.
• Each exercise runs independently, so changes in one exercise won't affect others.

Contributing

If you'd like to contribute to this project by adding new exercises or improving the existing ones, follow these steps:

1. Fork the repository.
2. Create a new branch (git checkout -b feature-new-exercise).
3. Make your changes and commit them (git commit -m 'Add new exercise').
4. Push the branch (git push origin feature-new-exercise).
5. Open a pull request.

Exercises

The exercises are stored in individual folders, with each folder containing a separate React project. Here's a list of the available exercises:

1. Exercise 1: Birthday Reminder
2. Exercise 2: Tours
3. Exercise 3: Reviews
4. Exercise 4: Accordion
5. Exercise 5: Menu

Each exercise has its own README.md file with specific instructions and goals for that exercise. Make sure to check those files for detailed steps.

Example Exercise Structure:

`react-exercises/
│
├── 01-birthday-reminder/
│   ├── src/
│   ├── package.json
│   └── README.md
│
├── 02-tours/
│   ├── src/
│   ├── package.json
│   └── README.md
│
└── 03-reviews/
   ├── src/
   ├── package.json
   └── README.md`