Full-stack projects

✍️ Project: full-stack blog

Build a complete blog layer by layer: the database of posts and comments, the backend with slugs and pagination, the HTML markup of a post, a React component that lists the posts and the API connection.

What you'll learn

Build a full-stack blog modeling the 1:N relationship between posts and comments in SQL
Implement slug generation and pagination of the post list in the backend
List the posts with a React component starting from the HTML markup of a post
Connect the frontend with the API to load a post by its slug

Lessons

The plan: modeling a blogPosts 1:N comments, slugs and how the data relates. From data to the screenHow the data travels from the backend to the markup and the component.

Practice this module in the app

DevPath is a hands-on course: you read the theory here; in the app you put it into practice with exercises that really run, offline.

Start free in the app →