codedamn
Project image for Discord UI Clone

Discord UI Clone

ReactTailwind
Build a Functional Discord Clone UI with React and Tailwind CSS

Open in IDE

Includes assets, JPG images of the design files, design files themselves and a basic style guide. There's also a README to help you get started.

Project Description

Your challenge is to build out a Discord Interface and get it to look as close to the design as possible.

This project focuses on your React and CSS skills, but you can use any tools you like to help you complete the project. So if you've got something you'd like to practice, feel free to give it a go.

Your final project should consist of the following functionalities

  • Functional Lading page of Discord along with header and footer
  • Login and Register Page
  • Main Page (Dashboard Page) of Discord
  • Add Friends Page
  • Server Page

You can go through the Readme.md to see more details regarding the project and the assets folder to see the preview images of the project for desktop and mobile viewports.

Get involved with the community

Join our discord server and share your feedbacks with others. Ask questions, help others and win prizes.

Check out the full-stack learning path to learn how to build such projects completely on your own.