Posts App

In this tutorial lesson, we are going to build the Posts app, a minimalistic clone of https://posts.cv/, which is itself a simplified and scaled-down alternative to Twitter. We are building this clone solely for educational purposes. The app will include the following features:

  • User authentication
  • Ability to create text, image, or combined posts
  • Ability to follow other users
  • Ability to like and comment on posts
  • "Highlights" tab: posts from those you follow
  • "Everyone" tab: all posts in reverse chronological order

We will build this app using the client-server architecture. This architecture breaks down software into two parts: the client-side and the server-side:

  • The client-side, also known as the frontend, is the application that runs on the end-user's computer. It provides the user interface (UI) for interacting with the application.
  • The server-side, also known as the backend, is the application that receives requests from the clients. It sends the appropriate data back to the client and often includes a database for storing application data.

First, we will focus on building the frontend app using the React library. Once we have made sufficient progress, we will switch to building the backend.