Skip to content

fac26/week5-clientside-kk2

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Project Title: Memorize it! 🧠

Deployment https://memorizeit.netlify.app

A client-side app made using React.js

Memorize it! is an interactive game of Memory Cards built using React.js 💟

no win condition, game works

Technical Requirements:

  • React
  • Vite is handling the bundling of the app and provides a local dev server
  • ESLint
  • Hosted on Netlify

User Stories:

  • As a player, I want to be able to start a new game.
  • As a player, I want to be able to flip cards and see the numbers/pictures on them.
  • As a player, I want to be able to pair cards with the same number/picture on them.
  • As a player, I want to see a timer indicating the remaining time to complete the game.
  • As a player, I want to see a message indicating whether I won or lost the game.
  • Styled for a professional user-experience.

Stretch Goal:

  • Save the state to localstorage so the player leave the page and come back later

Instructions for Running and Deploying:

  1. Clone the repository and navigate to the project directory.
  2. Run the command npm install to install the required dependencies.
  3. Run the command npm run dev to start the local development server.
  4. Open your web browser and navigate to http://localhost:3000 to play the game.
  5. To play the game in Netlify, go to https://memorizeit.netlify.app.

Contributing

If you would like to contribute to this project, please reach out to the Contributors : Kr33L, konstantinakatmada (fac26 cohort).

License

This project is licensed under Apache 2.0.