/React-Redux-Projects-for-beginners

List of simple projects to get comfortable with React and Redux ...great for beginners.

Primary LanguageJavaScript

React & Redux Project for Beginners

I bet you were looking for simple project ideas to get you a bit more comfortable with the react ecosystem technologies, well here you go , Enjoy!

Getting Started

There are two methods for getting started with this repo.

Familiar with Git?

follow instructions:

> git clone https://github.com/YahiaElTai/React-Redux-Projects-for-beginners.git
> cd ProjectsIdeasForBeginners

Not Familiar with Git?

Click the green clone or download button and download the .zip file. Extract the contents of the zip file, then open your terminal, change to the project directory.

Introduction

All the projects are created with Create React App which a very handy tool to create react apps without having to deal with configuration (webpack, babel..etc)

Instruction to start any project

  1. cd into the project cd project__name
  2. npm install || yarn to install the needed dependencies
  3. npm start || yarn start to start the project

Demo finished projects

  1. React YouTube Clone http://nosy-needle.surge.sh

  2. React Five Days Weather http://sick-size.surge.sh

  3. React Pet Appointment Planner http://discreet-coach.surge.sh/

  4. Redux Simple Blog (with React Router) http://obtainable-desk.surge.sh/

  5. Coming Soon...

Helpful suggestion

  1. Makue sure you have React Dev Tools, it's very helpful to debug and also see the project as a whole.

  2. I would also recommend for you to just look at the finished websites and try to replicate each one of them without looking at the code, give it your best shot, if you find any problems then take a quick glance at the code to see where it got kind of confusing.

  3. feel free to add new features to projects or add more projects with smiliar level of difficulty and i will be happy to review your code and give you some helpful comments.

  4. Drink coffee!