Project : Click Game

Challenge your clicking capacity and also improve your gaming skills. Practice as much you can to become the king in your gaming community.

Table of contents

• Project : Click Game
  • Table of contents
  • The challenge
  • Project Skeleton
  • Screenshot
  • Links
    • Built with
    • Useful resources
  • Installation
  • Author
  • Contact

The challenge

To create an funny game with React, Redux and Firebase Database

Project Skeleton

|----README.md
├── public
│     └── index.html
├── src
│    ├── app
│    │       └── store.jsx
│    ├── assets
│    │       └── [images]
│    ├── components
│    │       ├── Footer.jsx
│    │       └── Navbar.jsx
│    ├── features
│    │       └── userNameSlice.jsx
│    ├── firebase
│    │       └── database.js
│    ├── hooks
│    │       └── useDataCall.jsx
│    ├── pages
│    │       ├── Home.jsx
│    │       ├── Result.jsx
│    │       ├── TopScores.jsx
│    │       └── Username.jsx
|    ├── router
│    │       ├── AppRouter.jsx
│    │       └── PrivateRouter.jsx
│    ├── App.js
│    ├── index.js
│    └── index.css
├── .env
├── package-lock.json
└── package.json

Screenshot

Links

---

Check The Live Website ➡️ Live Website

---

Built with

• React Components, Props, States and Hooks
• Firebase GET,POST requests
• React-Router
• React-Redux
• JSX Elements
• CSS custom properties
• TailwindCSS
• Custom Hook
• Reducer

Useful resources

• W3 Schools
• MDN
• Firebase
• TailwindCSS

Installation

Use the Npm package manager install command.

npm install

---

Author

• Author - [Murat Hüdavendigâr]

Contact