🔷 LinkedIn UI CLone is an interface clone with an amazing loading effect.
Project developed with Rocketseat.
- Responsivity (Mobile & Desktop)
- Mobile header
- Desktop header
- Loading effects
- Shimmer
- Gradient loading
- Left Column
- Profile panel
- Hashtag panel
- Middle Column
- Feed share
- Feed post
- Right Column
- Trending panel
This project has only a frontend application.
Before you begin, you will need to have the following tools installed on your machine: Git and Yarn
Besides that, is good to have an editor to visualize and navigate trough the code like VSCode
# Clone this repository
$ git clone git@github.com:henbalmant/linkedin-ui-clone-react.git
# Access the project folder with your terminal/cmd
$ cd linkedin-ui-clone-react
# Install all dependencies
$ yarn install
# Starts the application
$ yarn start
# The server will start on port:3000 - access http://localhost:3000
The following tools were used in the construction of the project:
Frontend (React + TypeScript)
See package.json
- Editor: Visual Studio Code
- Markdown: StackEdit, Markdown Emoji
- Commit Conventional: Commitlint
- Fork the project.
- Create a new branch with your changes:
git checkout -b my-feature - Save your changes and create a commit message telling you what you did:
git commit -m "feature: My new feature" - Submit your changes:
git push origin my-featureIf you have any questions check this guide on how to contribute
Henrique Balmant 🚀
This project is under the license MIT.
Made with ❤️ by Henrique Balmant 👋🏽 Get in touch!