A fun web-based arcade where every game costs coins to play, and you can earn more coins the longer you play! Built with Next.js, React, and TypeScript.
- 12 Unique Games: From classic Snake to modern Password challenges
- Coin Economy: Earn coins by playing games and spend them to unlock new experiences
- No Registration: Play instantly without creating accounts
- Local Storage: Your progress is saved locally on your device
- Responsive Design: Works perfectly on desktop, tablet, and mobile
- Dark/Light Theme: Toggle between themes for comfortable gaming
| Game | Price | Description |
|---|---|---|
| 🐦 Flappy Bird | 20 🪙 | Navigate through pipes and aim for the highest score |
| 💰 Spend Bill Gates' Money | 25 🪙 | Experience what it's like to spend billions |
| ✅ Life Checklist | 40 🪙 | Complete life milestones and earn points |
| ⚡ Reaction Time | 15 🪙 | Test your reflexes and earn coins based on speed |
| 📊 Progress | 30 🪙 | Visualize time progress and upcoming events |
| 🐍 Snake Game | 15 🪙 | Classic snake gameplay with modern controls |
| 🔢 2048 | 20 🪙 | Combine numbered tiles to reach 2048 |
| 🔐 Password Game | 30 🪙 | Solve increasingly complex password rules |
| 🎰 Spin the Wheel | 25 🪙 | Test your luck and win (or lose) coins |
| 🧠 Memory Match | 35 🪙 | Flip cards and match pairs with minimal moves |
| 🛒 Sell Sell Sell | 40 🪙 | Explore the world of consumer capitalism |
| 🌌 Speed | 30 🪙 | Discover how fast you're actually moving through space |
- Framework: Next.js 15.5.4 with App Router
- Language: TypeScript
- Styling: Tailwind CSS
- Animations: Framer Motion
- State Management: React Context + Redux Toolkit
- UI Components: Radix UI + Custom Components
- Icons: Lucide React + Font Awesome
- Deployment: Vercel
- Node.js 18+
- npm, yarn, pnpm, or bun
-
Clone the repository
git clone https://github.com/avalynndev/avafun.git cd avafun -
Install dependencies
npm install # or yarn install # or pnpm install # or bun install
-
Run the development server
npm run dev # or yarn dev # or pnpm dev # or bun dev
-
Open your browser Navigate to http://localhost:3000
avafun/
├── app/ # Next.js App Router pages
│ ├── (game)/ # Game pages with session validation
│ ├── privacy/ # Privacy policy page
│ ├── layout.tsx # Root layout
│ └── page.tsx # Home page
├── components/ # React components
│ ├── ui/ # Reusable UI components
│ ├── sections/ # Page sections
│ └── (game-specific)/ # Game-specific components
├── data/ # Static data files
├── hooks/ # Custom React hooks
├── lib/ # Utility libraries
├── redux/ # Redux store and slices
├── rules/ # Password game rule definitions
├── styles/ # Global CSS
└── types/ # TypeScript type definitions
- Local Storage: Coins are stored in browser's localStorage
- Session Validation: Games require valid session keys to prevent cheating
- Dynamic Pricing: Different games cost different amounts
- Earning Mechanics: Each game has unique coin earning systems
- Session Management: Each game session is validated with unique keys
- Progress Tracking: High scores and progress saved locally
- Responsive Design: All games work on mobile and desktop
- Accessibility: Keyboard navigation and screen reader support
- Code Splitting: Games are loaded on demand
- Image Optimization: Next.js Image component for optimal loading
- Bundle Optimization: Tree shaking and dead code elimination
- Caching: Efficient caching strategies for static assets
Contributions are welcome! Here's how you can help:
- Fork the repository
- Create a feature branch:
git checkout -b feature/amazing-feature - Commit your changes:
git commit -m 'Add amazing feature' - Push to the branch:
git push origin feature/amazing-feature - Open a Pull Request
- Follow TypeScript best practices
- Use Tailwind CSS for styling
- Write meaningful commit messages
- Test your changes thoroughly
- Ensure responsive design
- Inspiration: Some game concepts were inspired by neal.fun - an amazing collection of interactive experiences
- 2048 Game Logic: The 2048 game implementation was adapted from public repositories and tutorials available online
- Icons: Lucide React, Font Awesome, and Radix UI icons
- Hosting: Deployed on Vercel
This project is open source and available under the MIT License.
Found a bug? Please create an issue with:
- Description of the bug
- Steps to reproduce
- Expected vs actual behavior
- Browser and device information
Have an idea for a new game or feature? We'd love to hear it! Create an issue with the "enhancement" label.
- GitHub: @avalynndev
- Twitter: @avalynndev
- Project: avalynndev/avafun
🎮 Made with ❤️ by avalynndev
Enjoy your games and may the coins be ever in your favor! 🪙