Skip to content

onathanmateus/Project-Twitter-Clone

Repository files navigation

Table of Contents
  1. About The Project
  2. Getting Started
  3. Contact

About The Project

I am excited to introduce a project that I developed independently - a replication of the Twitter interface. This project was my first attempt at recreating a popular web application, and it was a significant milestone in my journey as a web developer. The project was built using JavaScript, TypeScript, React.js, and Vite. These technologies allowed me to effectively recreate the dynamic and interactive nature of Twitter’s interface. From the tweet feed to the user profiles, every aspect was carefully coded to mimic the original as closely as possible.

This project was more than just a coding exercise; it was a huge leap forward in my learning. It challenged me to apply my knowledge in a practical way and helped me gain a deeper understanding of how complex web applications are built. I am proud of what I have accomplished with this project, and I am eager to take on more challenges to further enhance my skills and knowledge in web development.

(back to top)

Built With

HTML CSS Javascript Typescript React.js Vite

(back to top)

Getting Started

If you want to download the project and run it locally, you need to comply with the prerequisites and follow the step-by-step instructions correctly !

Prerequisites

Go to this website "https://nodejs.org/en" and install the Node.js.
Then open the terminal and type the following command to check that the installation has been completed.

node -v

(you should see something like this: "v20.10.0")

Go to this website "https://git-scm.com/" and install the Git.
Then open the terminal and type the following command to check that the installation has been completed.

git -v

(you should see something like this: "git version 2.43.0.windows.1")

Installation

  1. Open the terminal and type the following command.
    cd Desktop
  2. Clone the repository
    git clone https://github.com/onathanmateus/Project-Twitter-Clone.git
  3. Enter the repository
    cd Portfolio
  4. Open the repository in Visual Studio Code
    code .
  5. Open the terminal within Visual Studio Code and install all the dependencies using the following command
    npm install
  6. Use the following command to open the project on localhost
    npm run dev 

If everything went as it should, the project will be running on port 3000 on localhost, open your browser and enter this address "http://localhost:5173"

(back to top)

Contact

Nathan Mateus de Oliveira Barbosa
Email: nathanmateudeo@hotmail.com

Socials

LinkedIn Instagram

(back to top)