Introduction

In this tutorial we will build a Twitter clone app called Tweetee, like the on shown in the images below. We will begin with the backend part of the app, and then we will finish by creating the frontend part with a framework of your choice.

Before diving into the backend part with Typetron, let’s lay down the idea on paper, so we know what to follow. We will have:

  • a Home page that will display the latest tweet from the platform based on the people you are following
  • an Explore page what will show the latest tweets from the platform based on what topics you’ve selected
  • a Notifications page that will show you the latest interactions on your tweets, like new followers or tweets likes.
  • a Profile page where you can see a user’s information, tweets and interact with him

Some features of Tweetee will be:

  • ability to tweet
  • ability to like, comment and retweet on an existing tweet
  • ability to change your profile’s information like name, profile picture, cover image, bio information and topics
  • ability to follow and unfollow people
  • ability to add images to a tweet
  • ability to edit your preferred topics

With this in mind we can start building Tweetee now 😄.

Preparing the environment

Typetron is a framework that runs on top of Node.js. This means you should have Node.js installed on your computer. Also, make sure you have Git installed as well, since it will be used to create the project.

Creating a project

Open your terminal and run the following command that will create a directory called Tweetee in the current directory:

$ git clone https://github.com/typetron/typetron Tweetee

Next, we will go into that project’s directory and install all the required dependencies:

$ cd Tweetee
$ npm install

After this, we can start the project:

$ npm start

This will create a local development server on port 8000. Let’s visit http://localhost:8000 and voila, our blank Typetron project is ready.

Join the newsletter to be first to know when new features, tutorials and news are released

In the next part we will create the endpoint that will add a tweet in the app

Next >

Tweets