lh536/vueTwitterUI

Created Apr 21, 2022 · View the lh536/vueTwitterUI repository page

This is a recreation of Twitter's Home page using Tailwind CSS and VueJS

Want this for your repo?

Render a free sample of any GitHub repo in seconds.

Visualize your own →

Contributors

1

Lines of Code

338

From

Feb 8, 2022

To

Mar 31, 2022

About lh536/vueTwitterUI

This project is a recreation of Twitter's home page built with Vue.js and styled using Tailwind CSS. It serves as a portfolio piece demonstrating frontend development skills learned since mid-2020, focusing on component-based architecture and modern CSS utility frameworks.

The application uses Vue Router for navigation and Tailwind CSS with several official plugins including forms, aspect-ratio, line-clamp, and typography modules to achieve Twitter's visual design. The project is built with Vite as the development and build tool, with standard npm scripts for running a local development server and creating optimized production builds.

The intended audience is primarily other developers reviewing the creator's frontend capabilities, as the README explicitly frames this as a learning showcase and invites suggestions for improvement. The project demonstrates practical skills in recreating a real-world UI design using popular Vue.js and CSS tooling conventions.

Share this video