Session 01

Milestone 01 – Project Kickoff & Environment Setup

Learning Objectives

By the end of this session, students will be able to:

Knowledge

• Understand what Full-Stack development is.

• Understand the roles of ReactJS, FastAPI, and PostgreSQL in a full-stack system.

• Understand the basic Client → API → Database architecture.

• Understand HTTP Request/Response.

• Understand what a REST API is.

• Understand the basic Git and GitHub workflow.

Skills

• Install and configure the development environment.

• Create a ReactJS project using Vite.

• Create the first FastAPI project.

• Push code to GitHub.

• Run both frontend and backend locally.

End-of-Session Result

Project structure:

shophub/
│
├── frontend/
│      └── React + Vite
│
├── backend/
│     └── FastAPI
├── ScreenShots/
│     └── Session01.pdf
│     └── Session02.pdf
├── README.md

Students can access:

• Frontend: http://localhost:5173

• Backend: http://localhost:8000

• Swagger UI: http://localhost:8000/docs

Detail here

Kết quả mỗi buổi sẽ copy gồm đường dẫn, các hình minh chứng bỏ word, tối đa sau 2 ngày kể từ kết thúc buổi đó ==> convert PDF bỏ lên thư mục ScreenShots theo cú pháp: Session0x.pdf.