Tenzies-Game-React

A game of tenzies made with react 🎲

Table of Contents 📃

1. Description
2. Screenshot
3. Installation
4. Usage
5. Technology
6. Features
7. Credits
8. License
9. Contribution Guidelines
10. Feedback
11. Socials

Description

This was a great project to work on as I gained a great understanding of how to use Tailwind and DaisyUI to make accessible UI and UX. I chose Tenzies as it's a great way to create a game that requires a nice bit of logic and to get a better understanding of React state management and the useEffect hook.

Link to application

User Story 👤

AS A person that wants to play a game of Tenzies I WANT to play a deployed react application that allows me to play Tenzies SO THAT I can get the best possible score in Tenzies

What did I Learn 🏫

There was a lot that I learned. I also learned the benefits of using something like vite instead of CRA as it's much faster!

I also learned how to use:

• React hooks.
• React props.
• How to use FontAwesome in React.
• Tailwind.
• DaisyUI.
• and much more!.

Screenshots

Web App Screenshot

Installation

In order to run my site locally then please follow these steps:

1. Ensure that you have node and npm installed

   • Download Node

   • For detailed instructions on installing node please follow this link for instructions

2. Ensure that you know the basics of vite

   • Otherwise please follow this link and follow the guide for creating a vite app.

3. Clone this repository into your local repository.

   • git clone git@github.com:TheInfamousGrim/Tenzies-Game-React.git.

4. Install the dependencies

   • npm install

If you've followed these steps correctly then the application should be good to go 😁

Usage

Link to live application: Click here

Please follow these steps to use the application locally

1. Spin up a developer server using Vite.

   • npm run dev

   • this will spin up a server and allow you to hot replace anything if you want to develop on my site further.

2. open a new tab in google chrome using the following URL or the one supplied in the terminal

   • http://127.0.0.1:5173/

Technology

The technologies used for the development of this app were:

DaisyUI

Features

• SPA.
• Vite to build and deploy the site quickly.
• Fully animated with the help of Framer Motion and Fontawesome.
• Deployed using Vercel.

Credits

🙏 Made with the help of:

• Scrimba

License

MIT License

Contribution Guidelines

I'm open to have anyone jump in and contribute just message me on twitter

Please follow the contribution guidelines! Guidelines for contributing

Feedback

Any feedback please email George Fincher

Socials

GitHub: TheInfamousGrim