Sanika03 / 100x-app-layouts

This contains 100x microblogging app's layouts.

Home Page:https://sanika03.github.io/100x-app-layouts/src/login/index.html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.


About

This contains 100x microblogging app's layouts.

https://sanika03.github.io/100x-app-layouts/src/login/index.html


Languages

Language:HTML 97.6%Language:JavaScript 2.3%Language:CSS 0.1%