joao-lee / x_clone

An X clone made using TypeScript, Next.js 14 and Tailwind CSS.

Introduction

X Clone is one of the four and the last project included in Sahand Gavidel's Next.js beginner-friendly course. The course includes step-by-step instructions for building this and other 3 clone projects, with one of them replicating the X (former Twitter) interface. Users can create, like, reply and delete posts of their own. It's also possible to add images to a post.

See the details

⚠ It's important to state that some features such as "Repost" and "Profile page" were not implemented for now.
However, I intend to implement these and other functionalities later.

Development

Stack and Language Decision

Moreover, while Sahand instructs the project using JavaScript, I've chose deliberately to implement it using TypeScript. This decision not only eases the development process with enhanced type safety, but also aligns with the rising trend and widespread adoption of TypeScript in the developer community.

Styles and Icons

To style the project, it was employed Tailwind CSS, a CSS framework which provides classes to style HTML elements, contributing to a more efficient development process.
Additionally, for the integration of icons, Phosphor Icons was employed—an extensive library featuring a diverse collection of icons to enhance the overall user experience.

Related projects

You can check Google Clone repository here. The deployed application it's available here.