Twitter Clone (UI Only)

Description

This project involves designing a static user interface similar to Twitter, allowing users to browse Tweet-like posts and visualize potential user interactions. The focus of the project is on recreating the UI structure without backend integration.

Requirements

The Twitter Clone (UI Only) app should include the following features:

• Layout similar to Twitter with a feed of posts.
• Inclusion of Tweet-like components with username, avatar, and content.
• Static navigation and interaction placeholders.
• Responsive user interface using Tailwind CSS.

Key Concepts

• Utilizing React components to build a user interface mimicking Twitter.
• Implementing component layouts for static UI elements.
• Designing an intuitive layout for browsing with Placeholder interactions.
• Responsive design principles using Tailwind CSS.

Learning Objectives

After completing this project, students will be able to:

• Develop a static UI resembling social media platforms using React components.
• Create visually appealing layouts with static content.
• Use Tailwind CSS to craft a responsive and dynamic-looking user interface.

$ npm create vite@latest twitter-clone-ui-only -- --template react-ts

$ yarn create vite twitter-clone-ui-only --template react-ts

$ bun create vite twitter-clone-ui-only --template react-ts