A modern remake of a classic web games project, rebuilt from the ground up with Next.js 15 and modern design principles.
- Live Version (New): gustavodan-games.vercel.app
- Original Version (Old): gustavodan.github.io/DIO-Orbi-Web-Games-Developer
This project is a personal challenge to refactor and redesign an older project originally built with vanilla JavaScript, CSS, and HTML. The main goal is to apply modern web development practices and frameworks to create a more robust, scalable, and visually appealing application.
The project includes 5 classic games, all rebuilt with modern technologies:
- 🚀 Space Shooter - A classic space shooter game
- #️⃣ Tic-Tac-Toe - The classic tic-tac-toe game
- 🧠 Simon - A memory game following color sequences
- 🚁 Rescue - A helicopter rescue mission game
- 🦖 Dinosaur - A Chrome Dino-style endless runner game
This project was built using the following technologies:
- Next.js (v15) - React Framework
- React (v19) - UI Library
- TypeScript - Typed JavaScript
- Tailwind CSS (v4) - CSS Framework
- Deployed on Vercel
- 🎨 Modern and responsive UI design
- 🎮 5 fully playable classic games
- 🔊 Sound effects and background music
- 📱 Mobile-friendly interface
- ⚡ Optimized performance with Next.js
- 🎯 Type-safe code with TypeScript
- 💾 Local high score tracking
To get a local copy up and running, follow these simple steps.
Make sure you have Node.js and npm (or yarn/pnpm/bun) installed on your machine.
- npm
npm install npm@latest -g
- Clone the repo
git clone https://github.com/GustavoDan/gustavodan-games.git
- Navigate to the project directory
cd gustavodan-games - Install NPM packages
npm install
- Run the development server
npm run dev
Open http://localhost:3000 with your browser to see the result.