Lee Library App

What's used in this app ?	How to run ?	Author
React Context-Api Styled Component CSS React-router-dom Api-Server	Once you clone the project run pnpm install or yarn install for node modules run pnpm run dev or yarn run dev for open development stage	Take a look at my other projects Visit me on Linkedin
What is this project about ? Data fetched from the Google Books API and present it on website, categorized for easy access. Users can explore various book categories and search for specific titles. Search results provide general book information and summaries. To access more content and read book summaries, users need to log in, enabling personalized recommendations and a richer experience. Our goal is to provide book enthusiasts with a user-friendly platform to discover a wide range of books and effortlessly find their desired reads.

How does my project look

Live Link

Feedback and Collaboration

I value your feedback and suggestions. If you have any comments, questions, or ideas for improvement regarding this project or any of my other projects, please don't hesitate to reach out. I'm always open to collaboration and welcome the opportunity to work on exciting projects together.

Thank you for visiting my project. I hope you have a wonderful experience exploring it, and I look forward to connecting with you soon!

Project Skeleton

Lee Library (folder)
|
|-- public
|   |-- index.html
|   |-- manifest.json
|   |-- robots.txt
|
|-- src
|   |-- assets
|   |   |-- about.png
|   |   |-- book.jpg
|   |   |-- books.jpg
|   |   |-- const.png
|   |   |-- library-gcaf06147c_1920.jpg
|   |
|   |-- components
|   |   |-- card
|   |   |   |-- Card.jsx
|   |   |   |-- Card.style.jsx
|   |   |
|   |   |-- footer
|   |   |   |-- Footer.jsx
|   |   |   |-- Footer.style.jsx
|   |   |
|   |   |-- header
|   |   |   |-- Header.jsx
|   |   |   |-- Header.style.jsx
|   |   |
|   |   |-- navbar
|   |   |   |-- Navbar.jsx
|   |   |   |-- Navbar.style.jsx
|   |
|   |-- context
|   |   |-- AuthContext.jsx
|   |   |-- ThemeContext.jsx
|   |
|   |-- 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
|   |   |-- icons.jsx
|   |   |-- theme.js
|   |
|   |-- App.js
|   |-- index.css
|   |-- index.js
|
|-- .gitignore
|-- README.md