Skip to content

andrewvallejo/a-chickens-window

Repository files navigation

A Chicken's Window

chicken disclaimer!

A simple addition math game where each answer right spawns an chicken!

This project was made for a skill test. The restriction were to create a math game in React within two days. Be sure to check out my wireframe made in Figma for this project.

demo.mov

Made with   React Badge Next.js Badge TypeScript Badge Sass Badge Framer Motion Badge Vercel Badge Figma Badge


Getting Started

First, clone down the repo and run the development server in the terminal (Or visit the deployed site.)

npm run dev
# or
yarn dev
# or
pnpm run dev

Open http://localhost:3000 with your browser to start solving math problems!

How To Play

Type in your guess in the answer block of the math problem. You may also use the Up/Down Arrow Keys to change your guess.

A chicken will spawn in the window with every correct guess. How many chickens can you generate?

Be sure to rearrange the chickens however you want!

Once you solve ten problems the chickens will go wild!


Special Thanks

I would like to thank Ege for providing feedback on my wireframes. While I wasn't aiming for perfection, Ege helped keep me grounded in my vision. I took the bare essentials and brought the pieces life with animations using Framer Motion.


Created by Andrew Vallejo

chicken Follow me on Linkedin or find more of my projects on Github!