https://github.com/tasninanika/retro-forum
A modern forum-style platform where users can explore, discuss, and connect with communities worldwide.
https://github.com/tasninanika/retro-forum
daisyui html5 javascript rest-api tailwindcss
Last synced: 2 months ago
JSON representation
A modern forum-style platform where users can explore, discuss, and connect with communities worldwide.
- Host: GitHub
- URL: https://github.com/tasninanika/retro-forum
- Owner: tasninanika
- Created: 2025-02-08T17:11:27.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-09-15T11:44:51.000Z (10 months ago)
- Last Synced: 2025-09-15T13:12:13.336Z (10 months ago)
- Topics: daisyui, html5, javascript, rest-api, tailwindcss
- Language: HTML
- Homepage: https://retro-forum-seven.vercel.app
- Size: 231 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🏛️ Retro Forum – A Community Discussion Platform
A modern forum-style platform where users can explore, discuss, and connect with communities worldwide.
---
## 🧾 Overview
**Retro Forum** is a dynamic discussion platform built with **HTML, TailwindCSS, DaisyUI, and Vanilla JavaScript**.
It consumes data from the **Programming Hero OpenAPI** and provides an interactive, user-friendly experience to browse, read, and engage with forum posts.
The project emphasizes **UI simplicity, fast loading, and real-time interactivity**.
---
## 📸 Preview
---
## ✨ Key Features
### 👥 For All Visitors
* Browse forum posts with author details and activity status
* Search posts by category
* Explore **latest posts** with author profile & publish date
* View post details: title, description, comment count, view count, and time
### 📌 Interactive Features
* **Mark As Read** → Add posts to a separate read list with count tracking
* **Live Counter** → Automatically increments when a post is marked as read
* **Dynamic Filtering** → Search by category in real-time
* **Responsive Design** → Fully responsive across devices (mobile, tablet, desktop)
### 🎨 UI Highlights
* Modern, clean, card-based layout
* Status indicator for users (active / inactive)
* Smooth use of **TailwindCSS** & **DaisyUI components**
* Font Awesome icons for better UX
---
## 🛠️ Tech Stack
* **Frontend**: HTML, CSS, TailwindCSS, DaisyUI, JavaScript
* **API**: Programming Hero OpenAPI (Retro Forum & Latest Posts endpoints)
* **Deployment**: Vercel