myWebsite

This is my personal website

frontend:

1. Created React App:

npx create-react-app frontend

A) Used preconfigured React Bootstrap theme from:

https://bootswatch.com/

1. Choose theme
2. download bootstrap.min.css file from website
3. place file into frontend/src folder
4. import min.css file in index.js file unter React DOM imports: import "./bootstrap.min.css";
5. Style of Website should be changed now!

2. React Bootstrap Components:

https://react-bootstrap.github.io/getting-started/introduction Install React Bootstrap in folder frontend: npm install react-bootstrap

A) Navbar:

https://react-bootstrap.github.io/components/navbar/

3. Logos: Cart & Sign In:

https://cdnjs.com/libraries/font-awesome

1. Copy link tag in public/index.html
2. Now icon classes can be used in our components: <i className=""> </i>

4. Install React Router DOM:

1. npm install react-router-dom@latest
2. npm install react-router-bootstrap@latest