Learning React Exercises

This project implements some of the projects presented on Learning Exercise Book. Although the book code samples can be found here, the codes of this project are own implementations, this way, slightly different from the code provided on the book repository.

Setup Instructions

• Download or fork and clone the Learning React Exercises repository using git clone.
• run npm install to install the required dependencies.
• run npm start or yarn start to compile and run the application.
• The site can be accessed at http://localhost:3000.

What's Included

+--public/    
 |-- favicon.ico - React Icon, You may change if you wish.
 |-- index.html - DO NOT MODIFY
 |-- manifest.json - Configuration files. Do not modify.
+-- src/
 +-- actions/ - Actionsfor the Redux Store
  |-- constants.js - All constants used to name the actions
  |-- index.js - Implementation of the redux store actions
 +-- components/ - Main components used on the app
  |-- App.js - Implements main routes for the app
  |-- ExerciseCard.js - Card containing exercise information displayed on the main page
  |-- Header.js - Main navigation header of the app. (default from create-react-app header)
 +-- exercises/ - Folder containing all exercise implementations.
   +-- components/ - Components used on the solution implementation.
    |-- AddColor.js - Used for solution Ex2 and Ex4 for the color implementation
    |-- Color.js - ...
    |-- ColorList.js - ...
    |-- Star.js - ...
    |-- StarRating.js ...
  |-- Ex1.js - Solution for exercise 1
  |-- Ex2.js - Solution for exercise 2
  |-- Ex3.js - Solution for exercise 3
  |-- Ex4.js - Solution for exercise 4
 +-- img/ - Images for your app. You can change or add new images. The images displayed on the Exercise Card are located on this folder
 +-- reducer/ - Reducer implementation for react redux store
  |-- index.js - Redux store reducer code
 +-- styles/ - Main styling scheme for the app
  |-- App.css
  |-- chapter6.css
  |-- index.css
  |-- prism.css - Used to highlight the prism code on the app
 +-- utils/ - Gather general information of the exercise chapter and the implemented solution
  |-- description.js - Add the exercise description and the location of the code on this file prior to implementing the solution
 +-- views/ - Views of the app
 |-- CardGrid.js - Display all ExerciseCards for the user.
 |-- Solution.js - Display a selected solution.
 |-- .gitignore 
 |-- README.MD - This README file.
 |-- package.json - npm package manager file. It's unlikely that you'll need to modify this.

Create React App

This project was boostraped with Create React App.