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... ]( • Building Web Apps with... )
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: irtizahafiz.com
Reach me at: irtizahafiz9@gmail.com
4 июл 2024