Planning made easy. Clean UI, smooth UX, neat stats.
I got tired of random popups, bugs, and non-responsiveness from old generic pointing poker apps made with PHP. So I made this pointing poker app to estimate tickets with my team and plan without annoyances. Try it today, and let me know how it worked for you!
Implemented with React, NES.css, and Firebase Realtime Database. The new UI is made with Typescript, shadcn/ui components, Tailwind CSS and Recharts.
- Install Volta
- In the repo directory run
volta setup
- Check if Volta is set up correctly by checking node and npm versions in a new terminal
node -v // v18.19.0 npm -v // 10.3.0
- Run
npm install
- Install firebase-tools using volta
volta install [email protected]
- Login into the firebase CLI with
firebase login
- Run
firebase init
to create a new project. Choose Auth and Realtime Database products during init. - Add the Firebase config of the newly created project in the
.env.local
file. Example:VITE_FIREBASE_CONFIG="{"apiKey":"xxx","authDomain":"xxx","databaseURL":"xxx","projectId":"xxx","storageBucket":"xxx","messagingSenderId":"xxx","appId":"xxx"}"
- Add firebase auth URL and database URL in
.env.local
.VITE_FIREBASE_APP_URL="https://{auth-domain}" VITE_FIREBASE_DATABASE_URL="https://{database-domain}"
- Run
firebase emulators:start
to emulate firebase auth and realtime db locally (Requires JDK 11 or greater installed in path) - Run
npm run dev
to serve site on localhost