Skip to content

JoelFaldin/pomodoro-totoro

Repository files navigation

Pomodoro Totoro Timer

A web application dedicated to the Pomodoro technique!

Totoro wallpaper 1

The project Pomodoro Totoro Timer consits on a timer that makes a sound when reaching 0. It has 2 modes: focus time (25 minutes) and rest time (5 minutes).

But, how far can this go?

Features

  • Authentication: You can log in using Github, Google or by creating an account with your email.
  • Audio Storage: Tired of the basic sound played when the timer reaches its end? Upload your own audio, and access it each time you log in!
  • Responsive design: The app is able to adapt to any device. Design mostly generated by v0.
  • Deployment: This project is available everywhere thanks to Vercel!

Technologies

React Next JS Prisma

Vercel Supabase Postgres

TypeScript PNPM

Running the project locally

I used pnpm to build this project, but you should be able to run it with npm.

Also, this project uses enviroment variables to connect to the PostgreSQL database and Auth providers.

# GitHub Auth
GITHUB_ID=<your-github-client-id>
GITHUB_SECRET=<your-github-client-secret>

# Google Auth
GOOGLE_CLIENT_ID=<your-google-client-id>
GOOGLE_CLIENT_SECRET=<your-google-client-secret>

# Next Connection
NEXTAUTH_SECRET=<your-nextauth-secret>
NEXTAUTH_URL=http://localhost:3000

# Supabase
NEXT_PUBLIC_SUPABASE_URL=<your-supabase-url>
NEXT_PUBLIC_SUPABASE_ANON_KEY=<your-supabase-anon-key>

# JWT Secret
SECRET=<your-jwt-secret>

Installation

  • Clone the repo in your machine: git clone https://github.com/JoelFaldin/pomodoro-totoro.git.
  • Navigate to the folder: cd pomodoro-totoro.
  • Install dependencies: pnpm i or npm i.
  • Finally, to run the project locally, run pnpm run dev or npm run dev.

Thanks for visiting!

Totoro wallpaper 2

About

Web application dedicated to the pomodoro technique!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages