A high-impact, neon-themed gaming portal focused on performance, responsiveness, and community.
- Neon dark UI with dual-monitor hero visual and animated interactions
- Pages:
index.html,games.html,news.html,reviews.html,forum.html - Client-side comments and 1-5 star ratings (localStorage)
- Community forum with threads and replies
- Gamification: badges (Novice, Contributor, Pro, Legend) and leaderboard
- Live news feed via RSS (with CORS proxy + graceful fallback)
- SEO-friendly meta tags and semantic headings
- Mobile-first responsive layout and accessible controls
Neon Nexus is a neon/retro-themed gaming portal featuring interactive game showcases, news feeds, community forums, and gamification systems. The project now ships with a Legacy Lab section that preserves the original prototype pages inside a unified shell.
- Static preview
- Open any HTML file directly in your browser (e.g.,
index.htmlorlegacy/index.html).
- Open any HTML file directly in your browser (e.g.,
- Node/Express server
- Install dependencies:
npm install - Start server:
npm start - Visit
http://localhost:3000/
- Install dependencies:
- Alternative Python server
- Some browsers require a server for RSS fetch due to CORS/mixed restrictions.
- Run:
python -m http.server 8080 - Visit:
http://localhost:8080/gaming-portal/
- Change default RSS source in
assets/mock-data.jsviaMOCK.defaultRSS. - Add/edit games in
MOCK.games. - The retro neon aesthetic and responsive layout are controlled via
assets/styles.css. - Customize CSS variables at the top of the file for different color themes.
- Legacy helper classes (e.g.,
.retro-card,.legacy-console__stage) power the archived pages.
- Uses
localStoragekeys prefixed withnn_. - Clear site data in dev tools to reset.
- The RSS integration uses
https://api.allorigins.winas a public CORS proxy for demo purposes only. - Replace with your backend or an authenticated API for production.