Rediscord is a study of Discord UI built in NextJS and TailwindCSS using some shadcn concepts and components showing how powerful are these libs and how they can replicate a specific design and complex UI.
This project is being developed and isn't completed yet. Currently only frontend and some mock data. Feel free to request or contribute.
I'll be working in features soon, feel free to sugest something
Requires Node.js 20.9 or later.
- Clone the repository
git clone https://github.com/igorm84/rediscord- Install dependencies
npm ci- Start development server
npm run dev- Experiment with it :)
npm run lint
npm run typecheck
npm run buildTailwind stays on version 3 to preserve the existing design. The
postcss-selector-parser override uses the patched parser with Tailwind's
existing PostCSS pipeline.
Josh made an amazing video pointing it out: https://www.youtube.com/watch?v=RmucrDgc_Yw&t=27s
This is a study project based on Discord UI so they own the design and it needs to be respected. (see more) - From my part you can freely see and copy the implementation.
State regression tests use Bun without additional test dependencies:
bun test tests