Overview

The project is a Twitter UI clone created using Next.js, Tailwind CSS, Radix, and Storybook. Developed by a web designer with experience in HTML, Tailwind CSS, and basic JavaScript, the goal was to learn Next.js while recreating the Twitter homepage UI. The project acknowledges its flaws and welcomes suggestions for improvements.

Features

Next.js: Used for building fast and scalable applications.
Tailwind CSS: Utilized for rapid styling with utility classes.
Radix: Integrated for creating variants for components.
Storybook: Facilitates the viewing of components in isolation.
Vercel: Hosting platform used for deploying the project.
class-variance-authority: Enables creation of variants for elements, similar to Figma's component variants.
classnames: Allows grouping of CSS utility classes for styling components.
Text Component: Testing a Text component via a YouTube video.

Summary

The Twitter UI clone project showcases the use of Next.js, Tailwind CSS, Radix, Storybook, and Vercel. The web designer behind the project aims to enhance their skills, inviting feedback for improvements. The project serves as a learning experience and an opportunity to delve deeper into Next.js development while having fun and exploring new concepts.

Royquilor

Movie Trailers

Twitter UI Practise