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!
There are two methods for getting started with this repo.
follow instructions:
> git clone https://github.com/YahiaElTai/React-Redux-Projects-for-beginners.git
> cd ProjectsIdeasForBeginners
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.
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)
- cd into the project
cd project__name
npm install
||yarn
to install the needed dependenciesnpm start
||yarn start
to start the project
-
React YouTube Clone http://nosy-needle.surge.sh
-
React Five Days Weather http://sick-size.surge.sh
-
React Pet Appointment Planner http://discreet-coach.surge.sh/
-
Redux Simple Blog (with React Router) http://obtainable-desk.surge.sh/
-
Coming Soon...
-
Makue sure you have React Dev Tools, it's very helpful to debug and also see the project as a whole.
-
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.
-
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.
-
Drink coffee!