Building Web Apps with React JS & Chakra UI | Digital Library Backend Part 2
Let’s build the frontend of a digital library app with React JS and Chakra UI. Learn how to create beautiful UIs without and custom CSS.
Part 1 (Backend): [ • Building Web Apps with FastAPI, Pytho... ]( • Building Web Apps with FastAPI, Pytho... )
This will be a 3 part build:
Part 1: Backend
Part 2: Frontend
Part 3: System Design & Code Review
The frontend will be a simple React JS application with Chakra UI as the frontend framework. Chakra UI will let us design the app beautifully without needing to mess around with CSS. All the components are customizable and really easy to use.
The backend is a FastAPI server with a PostgreSQL database. Please check out part 1 (linked above) to see how the backend works.
0:00 App Demo
03:05 Backend Summary
05:00 Frontend Code Structure
06:50 App Component
16:00 Discover Component
41:00 Library Component
45:20 Library Book Component
59:30 Final Demo & Outro
#reactjs #chakraui #javascript
Visit me at: https://irtizahafiz.com
Reach me at: [email protected]