🕹️ RetroVault – Old Games Platform

A front-end web application built with vanilla JavaScript for the Noroff JavaScript 2 course assignment. Users can browse, search, sort, and favourite classic old games from the Noroff Old Games API.

🚀 Live Demo

DEMO

📦 Features

• Register a new account (requires stud.noroff.no email)
• Login / Logout with token-based authentication
• Browse all games on the home page
• Search games by name in real time
• Sort games by name (A–Z, Z–A) or release year
• Filter by genre via dropdown or genre tags on cards
• View game details — full description, metadata, genre links
• Favourite / Unfavourite games (stored in localStorage)
• Profile page — shows your account info and favourite games
• Genre page — browse all games within a specific genre

🛠️ Tech Stack

• Vanilla JavaScript (ES6 modules)
• HTML5
• Tailwind CSS v4 (installed via npm)
• Noroff API v2
• localStorage for favourites and auth state

▶️ How to Run Locally

Step 1 — Install dependencies

npm install

Step 2 — Build Tailwind CSS

Run this in one terminal and keep it running while you work:

npm run watch

This generates css/output.css from your Tailwind classes.

Step 3 — Serve the project

Open a second terminal and use one of these options:

VS Code Live Server Right-click index.html → Open with Live Server

🏗️ Build for Deployment

Before pushing to GitHub for deployment, run a final build:

npm run build

Then commit the generated css/output.css along with your other files so the deployed site works without a build step.

🔐 Registration Notes

• Email must be a valid stud.noroff.no address
• Username must not contain punctuation except underscores
• Password must be at least 8 characters

🤖 AI Usage Log

See AI_LOG.md for a record of any AI assistance used during this project.

📄 License

Built for educational purposes at Noroff School of Technology and Digital Media.