Skip to content

Repository files navigation

Discord Clone (Static)

This is a static clone of Discord's user interface, built to closely replicate the look and feel of the real application. It's designed for practice, portfolio purposes, or UI reference—no backend or API integration is included.

Preview

🌐 Live Demo

https://discord-clone-seven-gamma.vercel.app/

✨ Features

  • Clean and modern Discord-like UI
  • Responsive layout for desktop and mobile
  • Built with reusable and organized components
  • Dark theme similar to Discord’s native interface

🛠 Tech Stack

  • Framework: React
  • Language: TypeScript
  • Styling: Tailwind CSS
  • Build Tool: Vite or Create React App (update accordingly)

📦 Getting Started

  1. Clone the repository:
git clone https://github.com/Amirmohamadhejazi/discord-clone.git
cd discord-clone
  1. Install dependencies:
npm install
  1. Start the project:
npm run dev

📁 Project Structure

discord-clone/
├── public/
│   └── images/
├── src/
│   ├── components/
│   ├── pages/
│   └── assets/
├── package.json
└── README.md

🚧 Status

This project is static only and not connected to any real-time services, authentication systems, or databases.

🙌 Contributing

Contributions are welcome! Feel free to fork, improve, or use the UI in your own projects.

📄 License

This project is open-source under the MIT License.

About

The Discord clone project has tried to be as close as possible to the popular Discord platform and improve its performance (this project is only the front end)

Topics

Resources

Security policy

Stars

Watchers

Forks

Releases

Packages

Used by

Contributors

Languages