Learning ReactJS

This repository is a collection of small projects I created during my learning of ReactJS from Udemy course by Jannick Leismann. This is only for my own reference but feel free to use this repository as you please. This course was about ReactJS only and the style sheet used here is premade. I am listing down the topics covered in this course.

Topics:

.
├─────────────────────────────────┬─ Sorting
├── Handling States               ├─ Reducer
├── Event Handling                ├─ Context API
├── Searching                     ├─ Web API
├── Refactoring                   └─ Router
└── Filtering                      

Local Set-up

Windows

1. Install Node.js
2. Open terminal
3. Change directory to your folder

cd <-path->

4. run the following command on terminal

git clone https://github.com/rohxn-rai/Learning-React.git

5. Change directory to the project you want to run

cd <-project-name->

6. Install all the node modules

npm install --force

--force is used to avoid the warnings cause by different version of dependencies. Don't worry the versions mentioned in package.json work fine. It is just a warnings.

7. run the project

npm start

The app starts running on http://localhost:3000. Go to http://localhost:3000 to test your app

Projects

.
├── moviedux
│   └── ...
├── bugblaster
│   └── ...
├── blogpost
│   └── ...
└── ...

each of them have their own react web app

Moviedux

This project is a simple directory to watch movies. Here users can search, filter(genre,rating) and select a movie. The user can also add and remove movies into the watchlist. The watchlist can be view by the user above the search bar.

Bug Blaster

This project is a simple priority list of bugs to report. The entries here can be created, edited and deleted. The project also has a sorting machanism to sort bug based on priority.