twitter-interface-clone

Access running project on Vercel ianmiranda-twitter-clone.vercel.app

Developed with React JS, twitter-interface-clone it's a profile page from twitter based on Rocketseat template (reference). Is developed with the mobile first principle so, it's responsively adapted to any screen size.

The system use:

• styled-components for develop with CSS in JS
• styled-icons as icons library
• Typescript as development 'language'
• Eslint to code lint
• Prettier to code style
• eslint-plugin-prettier and eslint-config-prettier to make a better configuration between Prettier and Eslint

Requirements

System requirements

Before start, check if you have installed and configured the following tools:

• Git
• Node.js

Editor requirements

The system is configured to a better code style with development tools like Eslint and Prettier, but to this tools work it's necessary to have installed and configured the following extensions in your code editor:

• Eslint (more details in https://eslint.org/)
• Prettier (more details in https://prettier.io/)

Getting started

Cloning the repository

Clone this repository by running:

git clone [email protected]:IanMiranda43/twitter-interface-clone.git

Installing the dependencies:

In the project folder run de following code. This will create a node_modules folder and download and install all the project dependencies in there.

# with npm
npm install
# with yarn
yarn install

Start the server:

The script will run the migrations and then start the application at the port setted on the .env file.

# with npm
npm run start
# with yarn
yarn start

Access the page

This can be found by accessing http://localhost:3000

---

License

MIT License © Ian Miranda