FocusBeacon

Unofficial Focusmate metrics dashboard
View Demo · Report Bug · Request Feature

Built with

• Frontend: React, Tremor.so, Headless UI, TailwindCSS
• Backend: Next.js, Supabase's Postgres database, Vercel

Getting started locally

1. Log in to your Focusmate account
2. Navigate to your profile settings
3. Click on Generate API key and save the API key for a later step
4. Clone this repo to your local machine

   git clone https://github.com/qu8n/focusbeacon.git

5. Navigate to the project directory

   cd focusbeacon

6. Use the Node version specified for this project

   nvm use

7. Install packages with npm

   npm install

8. Create an .env file in the root directory
9. Enter the environment variables in the .env file

   DEMO_FOCUSMATE_API_KEY="YOUR_API_KEY"
   

10. Run the app in development mode

npm run dev

11. Open localhost:3000/dashboard/demo to view your metrics in the browser

Contributing

By default, contributors will not have access to the Focusmate OAuth login nor production database. If your contributions require access to these, please reach out to me on LinkedIn.

If you have a suggestion that would make this better, feel free to fork the repo and create a pull request. I'm also happy to chat over a Focusmate session to get you started with the codebase.