LinkedIn | UI Clone (Feed page)

Spinning loading?
No more, we got shimmer effect now!

Project   |    Technologies   |    Layout   |    Challenges   |    How to contribute

💻 Project

The LinkedIn Clone is a project that I learned how to use Skeleton structure combinated with shimmer effect to improve user loading UX from UI components.

🚀 Technologies

The project is based on the following technologies:

• ✨ TypeScript — Static typing for JavaScript.

• ⚛ React — A JavaScript library for building user interfaces.

• 💅 Styled Components — A toolkit for writing CSS-in-JS components.

• 📝 Lint — ESlint/Prettier/Editor Config

  • 📦 ESLint — A fully pluggable tool for identifying and reporting on patterns in JavaScript.
  • 📦 Prettier — A tool to keep code style consistent.
  • 📦 Editor Config — A tool to maintain consistent coding styles between different editors and IDEs.

🔖 Layout

• Comming soon...

🎯 Challenges

• ✅ - Add responsive feed.
• ✅ - Develop Skeleton components.
• ✅ - Add shimmer effect into skeleton.
• ✅ - Expanding animation aknowledge.
• ☑️ - Add commit lint
• ☑️ - Planning profile page
• ☑️ - Add profile page structure
• ☑️ - Add Skeleton components to profile page

♻️ How to contribute

• Fork this repository;
• Create a new branch with your feature: git checkout -b feature/my-feature;
• Commit your changes: git commit -m 'feat: awesome feature';
• Push to your branch: git push origin feature/my-feature.

Once your pull request has been merged, you can delete your branch.

To setup app, read this file setup.md

---

Made with 💙 & ☕ by João Bispo😎