https://github.com/anav5704/clicker-firebase

Real-time button clicker game
https://github.com/anav5704/clicker-firebase

astro firebase tailwindcss

Last synced: about 1 month ago
JSON representation

Real-time button clicker game

• Host: GitHub
• URL: https://github.com/anav5704/clicker-firebase
• Owner: anav5704
• Created: 2023-06-16T21:57:51.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-22T22:28:38.000Z (about 1 year ago)
• Last Synced: 2024-11-09T13:21:31.290Z (3 months ago)
• Topics: astro, firebase, tailwindcss
• Language: CSS
• Homepage: https://clicker-efa4f.web.app
• Size: 2.38 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Clicker Game 🖱️

![hero](https://github.com/anav5704/Clicker-Firebase/blob/main/docs/clicker-firebase.png)

This is a simple button clicker game made using Firebase real-time. Users can log in/register using Firebase auth and then click to earn points and upgrade to better buttons. There is also a real-time leaderboard that updates when users save their scores. Also please don't use Firebase. It's okay if you want to give it a try but trust me [Supabase](https://supabase.com) is way better in every way - and it's open source.

## Technologies Used

- Astro JS

- TailwindCSS

- Firebase

 

## Getting Started

First fork and clone the repo. First run ```npm install``` to download all the dependencies. Now add the Firebase config in ```src/firebase/client.ts``` using the information provided in your Firebase project console:

```

const firebaseConfig = {

        apiKey: "___",

        authDomain: "___",

        projectId: "___",

        storageBucket: "___",

        messagingSenderId: "___",

        appId: "___"

};

```

Once that is done, run ```npm start``` to view it on localhost.

    

## Learning Resources

- [Firebase crash course](https://youtube.com/playlist?list=PL4cUxeGkcC9jERUGvbudErNCeSZHWUVlb&si=ZE3FOb1aylgg2IjJ)

- [Firebae in 100 seconds](https://www.youtube.com/watch?v=vAoB4VbhRzM)

- [Firebase docs](https://firebase.google.com)