This is a complete crash course series tutorial. In this tutorial, I've shown many more concepts of React and complete 3 projects using React. Let's dive into it and Learn React Together. Please go to bottom to see the codes Topic wise, otherwise just continue and you could see the final project at - https://maniruzzamanakash.github.io/React-Crash-Course

This project was bootstrapped with Create React App.

git clone https://github.com/ManiruzzamanAkash/React-Crash-Course.git

cd React-Crash-Course 

npm i

npm start

http:https://localhost:3000

src/utils/data.js

Change route to fix duplicate render. I've done only to publish React Page in Github - src/routes/index.js at Line No - 23

{
    path: '/',
    component: Home,
    exact: true // This should true, I've added it as false in github just for page make in github
},

http:https://localhost:3000

Booom !!! You made a great portfolio website.

https://devsenv.com/tutorials/learn-react-complete-crash-course-with-three-complete-project-devsenv

1. Components Learning - https://github.com/ManiruzzamanAkash/React-Crash-Course/tree/components

2. Component Communication - https://github.com/ManiruzzamanAkash/React-Crash-Course/tree/component-communication

3. CSS Styles Learning - https://github.com/ManiruzzamanAkash/React-Crash-Course/tree/css

4. Conditional & Loop Learning - https://github.com/ManiruzzamanAkash/React-Crash-Course/tree/condition-loop

5. Task Application - https://github.com/ManiruzzamanAkash/React-Crash-Course/tree/my-task

6. Components Learning - https://github.com/ManiruzzamanAkash/React-Crash-Course/tree/components

7. Counter App - https://github.com/ManiruzzamanAkash/React-Crash-Course/tree/counter-app

8. React Router Learning - https://github.com/ManiruzzamanAkash/React-Crash-Course/tree/react-router

9. Portfolio & Final Website - https://github.com/ManiruzzamanAkash/React-Crash-Course/tree/portfolio-template

Final website is also in main branch

## Dev Environment
# Build a docker image:portfolio.
docker build -t portfolio:dev .

# Fire Up the docker container
docker-compose up -d --build

# Now check from browser
http:https://localhost:3001

## Production Environment
docker build -f DockerFile.prod -t portfolio:prod .

# Fire up the container in Live
docker-compose -f docker-compose.prod.yml up -d --build

# Run in Live Browser in 1337 port
http:https://localhost:1337

Just mail me about your problem - [email protected]