https://github.com/maciekt07/clicker-game

🍯 React.js Clicker Game with achievements, shop and user profile stored in LocalStorage
https://github.com/maciekt07/clicker-game

clicker clicker-counter clicker-game react reactjs typescript

Last synced: 7 days ago
JSON representation

🍯 React.js Clicker Game with achievements, shop and user profile stored in LocalStorage

• Host: GitHub
• URL: https://github.com/maciekt07/clicker-game
• Owner: maciekt07
• Created: 2023-04-04T23:23:03.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-06-17T19:36:55.000Z (over 1 year ago)
• Last Synced: 2024-11-07T04:44:27.277Z (about 2 months ago)
• Topics: clicker, clicker-counter, clicker-game, react, reactjs, typescript
• Language: TypeScript
• Homepage: https://honey-clicker-game.netlify.app/
• Size: 12.2 MB
• Stars: 13
• Watchers: 2
• Forks: 13
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [🍯 Honey Clicker Game](https://honey-clicker-game.netlify.app/)









[![Netlify Status](https://api.netlify.com/api/v1/badges/1aee53e8-2535-4aea-aef7-1744cde81411/deploy-status)](https://app.netlify.com/sites/honey-clicker-game/deploys)

Welcome to Honey Clicker! This is a simple yet addictive clicker game where you can earn points by clicking on a honey jar. You can use your points to upgrade your clicking power, earn more points per second, and unlock achievements. Your progress is saved in localstorage, so you can resume your game anytime. Read more at [https://honey-clicker-game.netlify.app/about](https://honey-clicker-game.netlify.app/about)

## ⚡ Features

- Progress is saved in localstorage

- Purchase various items in the shop to increase your clicking power

- Unlock achievements with interesting descriptions by reaching certain goals

- Daily quest that change every 24 hours available soon (or not)

- User profile settings where you can change your name and profile picture

- Cool sound effects and volume slider

- Responsive design that adapts to different screen sizes

- PWA (can be installed on mobile/desktop), and works offline.

## 📷 Screenshots









## 🎨 Color Palette

| Color                | Name |

| ---------- | ------------------------------------------------------------ |

| ![](https://via.placeholder.com/15/ffb604/ffb604?text=+) `#ffb604` | Yellow |

| ![](https://via.placeholder.com/15/f28705/f28705?text=+) `#f28705` | Orange |

| ![](https://via.placeholder.com/15/380000/380000?text=+) `#380000` | Maroon |

| ![](https://via.placeholder.com/15/f2b680/f2b680?text=+) `#f2b680` | Peach |

| ![](https://via.placeholder.com/15/531aa5/531aa5?text=+) `#531aa5` | Indigo |

| ![](https://via.placeholder.com/15/ff3737/ff3737?text=+) `#ff3737` | Red |

## 🌐 Technologies

Project is created with:

- React

- Typescript

- Vite

- Mui

- styled-components

- react-toastify

## ⚙️ Installation

To install and run the project locally, follow these steps:

- Clone the repository: `git clone https://github.com/maciekt07/clicker-game.git`

- Navigate to the project directory: `cd clicker-game`

- Install the dependencies: `npm install`

- Start the development server: `npm run dev`

The game will now be running at [http://localhost:5173/](http://localhost:5173/).

## 🧡 Feedback

If you have any feedback or suggestions for this game, feel free to open an issue or a pull request on GitHub. I appreciate any kind of contribution or support.