ramyadhanush / complete-reactjs-developer-bootcamp

A repo to hold course work

Complete-ReactJS-Developer-Bootcamp

A repo to hold my course work

1. Convert Normal Website to React
2. Startbootstrap-freelancer-gh-pages
3. CounterApp
4. Tictactoegame
5. ReactContextAPI
6. Theme Switcher - Using Context API
7. Context API Reducer Action
8. Local Storage and Hooks
9. API Handling in React
10. Shopping Cart
11. Firebase to list Github Users
12. Firebase Real Time Database
13. Bonus : Redux for Todolist

Through out this course, I explored more about

• Functional Components
• Context API
• React Hooks (useState, useEffect, useReducer)
• API communication
• Routing in React
• Firebase Integration
• Redux

Projects

• Convert HTML/CSS/JS -> React application
• Counter App
• Tic Tac Toe
• Theme Switcher
• Shopping Cart
• Github with Firebase
• Todolist - Redux

Packages**

• bootstrap
• reactstrap
• react-icons
• react-toastify
• uuid
• axios
• react-router-dom
• firebase b
• browser-image-resizer

Bootstrap

import "bootstrap/dist/css/bootstrap.min.css";

React-toastify

import "react-toastify/dist/ReactToastify.css";

Misc

While doing Shopping Cart, we need a JSON server link to make API calls. I preferred https://jsonkeeper.com/ to make API calls.

While making api calls, CORS may occur to avoid that prefix the api url with below https://cors-anywhere.herokuapp.com/

Example: https://cors-anywhere.herokuapp.com/https://jsonkeeper.com/b/1NZ4