A modern, animated developer portfolio built with React, Next.js, TypeScript, Tailwind CSS, Framer Motion, and @radix-ui.
Responsive by design, dark-mode first, and styled with a neon palette (emerald-400, cyan-400, gray-900).
Includes two mini-games to keep things fun (and memorable) for visitors.
Live: https://alejeindrox.github.io/aledev/
- 🎯 Polished sections: Hero, About, Tech Expertise, Professional Journey, Featured Projects, Beyond the Code, and Contact CTA
- 🕶️ Dark Mode + neon aesthetic
- 📱 Fully responsive (mobile → tablet → desktop)
- 🧩 Mini-games:
- Whack-a-Mole — 30 seconds to hit as many moles as you can. Precision matters: misses subtract points. Difficulty ramps up near the end.
- Type Speed Challenge — 60 seconds to type phrases exactly as shown. Accuracy + speed for a high score.
- 🎨 Radix UI primitives for accessible components
- ⚡️ Smooth micro-interactions with Framer Motion
- Framework: Next.js (React)
- Styles: Tailwind CSS
- Animations: Framer Motion
- UI Primitives: @radix-ui
- Language: Typescript
Add one or two visuals:
- Full Page
- Game Whack A Mole
- Game Type Speed Challenge
- Animations
Cosas que tengo en mente para próximas versiones de aledev:
- 🕶️ Dark mode + neon theme
- 🐻 Whack-a-Mole mini-game
- ⌨️ Type Speed Challenge mini-game
- 📊 Analytics (privacy-friendly)
- 📦 Docker setup for local dev & deploy
- 📑 JSDoc for utilities
- 🎵 Sound FX for mini-games (hit/miss, countdown, game over)
- 🧪 Unit tests (components + game logic)
- 🌎 i18n (EN/ES toggle in UI)
- 🧭 Performance pass (Lighthouse 95+)
- 🕹️ New mini-games (Suggestions are heard)
Issues and PRs are welcome! If you spot a bug or want to suggest a mini-game, open an issue.
See CONTRIBUTING for more details.
If you like this project and want to support: Buy Me a Coffee
This project is open-source under the MIT License. See LICENSE.