Giter Club home page Giter Club logo

streaks's Introduction

streaks

Visualize your consistency

Technologies Used

How to Use

Install dependencies

pnpm i

Run the development server

pnpm dev

Setup pnpm (optional)

If you are using pnpm, you need to add the following code to your .npmrc file:

public-hoist-pattern[]=*@nextui-org/*

After modifying the .npmrc file, you need to run pnpm install again to ensure that the dependencies are installed correctly.

.env

AUTH_SECRET=
AUTH_GITHUB_ID=
AUTH_GITHUB_SECRET=
DATABASE_URL="file:./data.db"

Roadmap

On Going

  • Trash icon - danger color
  • Use as guest
  • Persist data in local storage
  • Calculate streak
  • Edit task (inline)
  • Delete project (modal) (except 'All Projects')
    • Cascade delete all associated tasks
  • Edit project name (modal) (except 'All Projects')
    • Update project tag for tasks in 'Completed' tab
  • Populate edit field with current project name (workaround?)
  • Save current tab in URL search params
  • Open 'Completed' tab when a date is clicked on activity map
  • Clean up
  • Host it

Up Next

  • Delay in checking off task
  • Mobile friendly design
  • Sort based on project in completed tab
  • Undo on today's completed tasks
  • Focus on text input in new project modal
  • Drag and drop tasks to reorder
  • Emjoi picker in new project modal
  • Year drop down in activity map
  • Loading spinner after clicking Sign In button

Later

  • Use slices instead of two stores
  • Settings page

Dev Time

Wakapi Stats

Resources

Zustand best practices

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.