/100x-app-layouts

This contains 100x microblogging app's layouts.

Primary LanguageHTML

Review Assignment Due Date Open in Visual Studio Code

100x App: Building Layouts

Objective

Using the Tailwind CSS components from your previous task, create the foundational layouts for a Twitter clone, emphasizing structure, aesthetics, and responsive design.

Assignment Overview

  • Login Screens: Design a welcoming login and sign-up page layout.
  • Home Feed: Craft the primary interface layout, showcasing tweet structures and interaction icons.
  • Compose Tweet: Layout a space for drafting tweets, indicating a 280 character limit and potential error states.
  • User Profile: Create a comprehensive user profile layout, featuring placeholders for user details and tweets.

Resources

Figma Design - https://www.figma.com/file/w7wN1934wsRWZAMhPU0IEX/100x-microblogging?type=design&node-id=1031-6376&mode=dev

Evaluation

Designs will be reviewed for visual appeal, layout sensibility, and responsive design principles.