|----readme.md # Given to the students (Definition of the project)
SOLUTION
├── public
│ └── index.html
├── src
│ ├── App.js
│ ├── assets
│ │ ├── about.png
│ │ ├── book.jpg
│ │ ├── books.jpg
│ │ └── const.png
│ ├── components
│ │ ├── card
│ │ │ ├── Card.jsx
│ │ │ └── Card.style.jsx
│ │ ├── footer
│ │ │ ├── Footer.jsx
│ │ │ └── Footer.style.jsx
│ │ ├── header
│ │ │ ├── Header.jsx
│ │ │ └── Header.style.jsx
│ │ ├── icon
│ │ │ ├── Icon.jsx
│ │ │ └── Icon.style.jsx
│ │ └── navbar
│ │ ├── Navbar.jsx
│ │ └── Navbar.style.jsx
│ ├── helper
│ │ └── iconData.js
│ ├── index.css
│ ├── index.js
│ ├── pages
│ │ ├── about
│ │ │ ├── About.jsx
│ │ │ └── About.style.jsx
│ │ ├── detail
│ │ │ ├── Detail.jsx
│ │ │ └── Detail.style.jsx
│ │ ├── home
│ │ │ ├── Home.jsx
│ │ │ └── Home.style.jsx
│ │ ├── login
│ │ │ ├── Login.jsx
│ │ │ └── Login.style.jsx
│ │ └── register
│ │ ├── Register.jsx
│ │ └── Register.style.jsx
│ ├── router
│ │ ├── AppRouter.jsx
│ │ └── PrivateRouter.jsx
│ └── styles
│ ├── Flex.jsx
│ ├── Global.styles.jsx
│ └── theme.js
├── package.json
└── yarn.lock
api serach for development