Skip to content

re-create pomodoro in my own way with nextjs, typescript and tailwind css. ๐Ÿ’ฎ

Notifications You must be signed in to change notification settings

thienguen/pomodoro-re

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

27 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Banner

pomodoro-re.vercel.app, Re-imagine Pomodoro in my own way
Using Next.js 13, enhanced with Tailwind, theme custom with daisyUI, powered by TypeScript, and seamlessly deployed via Vercel.

CodeFactor

Preview โ˜๏ธ

Banner

Getting Started ๐ŸŽฒ

Set up the environment variables file with the following variables. (Optional)

  git clone https://github.com/Thienguen/pomodoro-re.git

  # create .env file

  NEXT_PUBLIC_DISCORD_ID=
  NEXT_PUBLIC_EMAIL=

Next, run in the CLI (root folder) โ˜ข๏ธ

  # install dependencies
  npm install

  # run the development server
  npm run dev
  # or
  yarn dev
  # or
  pnpm dev

Open http://localhost:3000 with your browser to see the result.

Features โœ’๏ธ

  • Discord Presence
  • useSound
  • Theme options
  • Reponsive (??)

Project Folder Structure ๐Ÿ’€

Welcome to the project's folder structure! Below is an organized representation of the directories and subdirectories:

## public
โ”œโ”€โ”€ ๐Ÿ“‚ fav
โ”œโ”€โ”€ ๐Ÿ“‚ icons
โ”œโ”€โ”€ ๐Ÿ“‚ preview
โ””โ”€โ”€ ๐Ÿ“‚ sounds

## src code
โ”œโ”€โ”€ ๐Ÿ“ app
โ”‚   โ””โ”€โ”€ ๐Ÿ“„ layout.tsx
โ”‚   โ””โ”€โ”€ ๐Ÿ“„ page.tsx
โ”œโ”€โ”€ ๐Ÿ“ components
โ”‚   โ”œโ”€โ”€ ๐Ÿ“ footer
โ”‚   โ”‚   โ””โ”€โ”€ ๐Ÿ“ lanyard
โ”‚   โ”‚   โ””โ”€โ”€ ๐Ÿ“„ index
โ”‚   โ”œโ”€โ”€ ๐Ÿ“ header
โ”‚   โ”‚   โ””โ”€โ”€ ๐Ÿ“ left-right
โ”‚   โ”‚   โ””โ”€โ”€ ๐Ÿ“ menu
โ”‚   โ”‚   โ””โ”€โ”€ ๐Ÿ“ modal
โ”‚   โ”‚   โ””โ”€โ”€ ๐Ÿ“„ index
โ”‚   โ”œโ”€โ”€ ๐Ÿ“ home
โ”‚   โ”‚   โ””โ”€โ”€ ๐Ÿ“„ index
โ”‚   โ”œโ”€โ”€ ๐Ÿ“ provider
โ”‚   โ”‚   โ””โ”€โ”€ ๐Ÿ“„ ContextProvider.tsx
โ”‚   โ”œโ”€โ”€ ๐Ÿ“ setting
โ”‚   โ”‚   โ””โ”€โ”€ ๐Ÿ“„ index
โ”‚   โ”œโ”€โ”€ ๐Ÿ“ ui
โ”‚   โ”‚   โ””โ”€โ”€ ๐Ÿ“ themes
โ”œโ”€โ”€ ๐Ÿ“ hooks
โ”‚   โ””โ”€โ”€ ๐Ÿ“ pomodoro
โ”‚   โ””โ”€โ”€ ๐Ÿ“„ useXXX.ts 
โ””โ”€โ”€ ๐Ÿ“ lib
    โ”œโ”€โ”€ ๐Ÿ“ type
    โ””โ”€โ”€ ๐Ÿ“ util

## css
โ”œโ”€โ”€ ๐Ÿ“ styles
โ”‚   โ”œโ”€โ”€ ๐Ÿ“„ global.css
โ”‚   โ””โ”€โ”€ ๐Ÿ“„ cursor.css

Tech Stack

๐Ÿ“ˆ Statistic

Alt

Aight ๐Ÿง

  • I still having the original Pomodoro before the current one, not sure what happened?
  • Was intended to do a reverse-engineer, turns to re-imagine.
  • Project was done in: 20 hours
  • it turns out, aight.
  • Heavily inspired by Pomofocus and JoseMurlloc

๐Ÿ“ License & Forking/Cloning

All code in this repository is licensed under the GNU Affero General Public License v3โ€”see the LICENSE file for more information. Please remove all of my personal information and related stuff. If you want to use this repo. This is source-available. Feels free to do so and give it a star.