https://github.com/firehead90544/retrocord
Discord, redesigned in Windows 98 retro-style built for the Codédex Mini Holiday Hackathon 2024.
https://github.com/firehead90544/retrocord
90s codedex discord hackathon nextjs react retro
Last synced: 3 months ago
JSON representation
Discord, redesigned in Windows 98 retro-style built for the Codédex Mini Holiday Hackathon 2024.
- Host: GitHub
- URL: https://github.com/firehead90544/retrocord
- Owner: FireHead90544
- License: mit
- Created: 2024-12-13T20:17:18.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-15T16:11:20.000Z (over 1 year ago)
- Last Synced: 2025-06-02T12:19:06.271Z (12 months ago)
- Topics: 90s, codedex, discord, hackathon, nextjs, react, retro
- Language: TypeScript
- Homepage: https://tryretrocord.vercel.app
- Size: 1.39 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# RetroCord 🌐
[](https://github.com/FireHead90544/RetroCord)
[](https://github.com/FireHead90544/RetroCord)
[](https://github.com/FireHead90544/RetroCord)
> Discord, redesigned in Windows 98 retro-style built for the Codédex Mini Holiday Hackathon 2024.
[**Live Demo**](https://tryretrocord.vercel.app/)
https://github.com/user-attachments/assets/e29817cd-4e5f-42a3-b5d7-29b1f6a51fe7
## 🎮 Overview
RetroCord reimagines Discord with a classic Windows 98 aesthetic. Experience the modern communication platform through the lens of 90s design, complete with classic UI elements, retro color schemes, and nostalgic interactions.
## ✨ Features
- **Authentic Windows 98 UI**: Experience 90s retro vibe with this one
- **Garbage Authentication**: Welp, what would you ask more from a static website? Enter username, get in.
- **Servers & Channels**: Organize conversations in different servers & channels just like our beloved discord.
- **Real-Time Chat**: Send and receive messages in a retro-styled interface. Real time? Or is it?
- **Responsive Design**: Works seamlessly on both desktop and mobile devices
- **Local Storage**: Persistent data storage using browser's local storage. Eh? Database is for noobs.
- **Retro Animations**: Classic Windows 98-style effects, transitions and animations.
- **Hit Counter**: Classic webpage hit counter for that authentic 90s feel. It scams though.
## 🌌 Routes
Uhm yeah, it does replicate the most basic api routes discord offers.
| Route | Use |
|----------------------------------|----------------------------------------------------------------------------|
| `/` | Landing/Login, redirects to `/app` |
| `/app` | Loading screen, redirects to `/channels/@me` |
| `/channels` | Garbage catch heh, redirects to `/app` |
| `/channels/@me` | Shows server list |
| `/channels/:serverID` | Redirects to first channel of the server, `/channels/:serverID/:channelID` |
| `/channels/:serverID/:channelID` | Shows the chat window to chat in a particular channel |
## 🛠️ Built With
- **Next.js 15** - React framework with App Router
- **TypeScript** - For type-safe code
- **CSS Modules** - For scoped styling
- **Local Storage API** - For data persistence (No database/backend hehe)
- **Lucide Icons** - For minimal, retro-styled icons
- **React Fast Marquee** - For retro text animations (Who doesn't know marquee?)
## 🚀 Getting Started
1. **Clone the repository**
```bash
git clone https://github.com/FireHead90544/RetroCord.git
```
2. **Install dependencies**
```bash
cd RetroCord
npm install
```
3. **Run the development server**
```bash
npm run dev
```
4. **Open [http://localhost:3000](http://localhost:3000) in your browser**
## 🤝 Contributing
Contributions, issues, and feature requests are welcome! Feel free to check [issues page](https://github.com/FireHead90544/RetroCord/issues).
## 📝 License
This project is [MIT](LICENSE) licensed.
## 🙏 Acknowledgments
- Inspired by Discord's interface
- Windows 98 design system
- [Codedex](https://codedex.io) for hosting the hackathon
---
Made with 💜 by FireHead90544