Skip to content

Profilist/TheDiveloperExperience

Repository files navigation

🎮 The <div>eloper Experience

📝 Overview

The Diveloper Experience is a fun brainrot game that challenges players to master the art of div centering.

Game Screenshot

🎯 Game Objective

Stop the moving div as close to the center of the container as possible, your precision determines your score.

🚀 Technologies Used

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Convex
  • Clerk

🎲 How to Play

  1. Click "Start Game"
  2. Watch the blue div move left and right
  3. Click "Stop" when you think it's centered
  4. See your score and fight for the top of the leaderboard

🛠 Local Development

Prerequisites

  • Node.js (v18+)
  • npm or yarn

Setup

  1. Clone the repository
git clone [https://github.com/yourusername/diveloper-experience.git](https://github.com/Profilist/TheDiveloperExperience.git)
  1. Install dependencies
cd diveloper-experience
npm install
  1. Run the development server
npm run dev
  1. Open http://localhost:3000 in your browser

About

Can you center a div?

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors