FIREFLY

Cloud-based blogging app that helps you get in the zone with a little help from music

---

DEPENDENCIES

• System dependencies:
  • Node.js version 14.6.0 or newer
  • MacOS, Windows (including WSL), and Linux are supported

Getting Started

Running the development server:

npm run dev
# or
yarn dev

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

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

---

---

TODO

MVP

• textarea: get dotted lines showing

• textarea: be the main

• textarea: adjustable

• menu: create items

• textarea: clear background

• textarea: dashed border

• menu: on hover or moving mouse

• menu: dim options except selected

• have text area centered and sidebar just to side // ignored

• get background showing

• frontend: React using Next.js

• config: use

• menu: 3 OPTIONS + settings button for each

• menu: on click select options

• menu: text toggle for font family

  • textarea: font - sans-serif
  • textarea: font - serif
  • textarea: font - script

• menu: text size toggle

  • textarea: font size small
  • textarea: font size medium
  • textarea: font size large

• menu: toggle backgrounds // could use circle divs with gradients

  • menu: light - svg icons
  • menu: dark - svg icons
  • menu: px.png // default

• menu: toggle music

  • menu: fire
  • menu: wind // default
  • menu: rain
  • how to get m1
    • default to very little heard
    • low volume
    • but we should test it all

• menu: toggle save settings

  • menu: save to md // default
  • menu: email text

• textarea: have dotted lines dissappear when typing

• menu: dissappear when typing

• try basic React Component

• move over all the things you made so far for FIREFLY

• try basic build as Chrome Extension in dev mode

• change to button rather than divs

  • hover cursor

• flex direction column

• CSS classes for hide & show row options

• CSS on click add class

STRETCH

• textarea: can drag and move from border
• config: Deepwork = offline use chrome extension?
• backend: saving will sync with your services - ex: Dropbox
• frontend: React Native for mobile options offline
• config: register hot keys to
• config: register hot keys to save file
• config: register hot keys to sync file
• config: save to yaml file
• textarea: font - monospaced // typewriter style STRETCH
• textarea: get blinking cursor // maybe React
• textarea: cursor always @ end of sentence when typing
• textarea: resize one side at a time
• menu: toggle keyboard sounds // STRETCH
  • menu: none // default
  • menu: mechanical
  • menu: stubs
• menu: pdf save // STRETCH
• backend: Rails API
• backend: user profile
• backend: save note automatically
• frontend: have diff scenes with sounds rather than separate
• [ ]

---

Brought to you by:

This is a Next.js project bootstrapped with create-next-app.