Git Product home page Git Product logo

downwrite's Issues

More Error States

User needs appropriate context during an error.

  • Offline
  • Entry Couldn't Save

Header with token

there should be a generic header shouldn't need to reset it every time.

new Header()

Mobile Optimization

UMBRELLA ISSUE:

need to refine editor and sidebar for mobile sizes

  • Editor Tasks (Settings)
  • Editor Tasks (Action)
  • Navigation

Edit Component (Umbrella)

This component is begging for a refactor.

  • debouncing the autosave
  • fetching initial data
  • fetching new entry
  • current lifecycles best practice

Tags

Need to solidify tags in

  • Design
  • Model definition
  • Implementing in Handlebars template
  • Saving to Firebase
  • Filtering by tags

Night Mode

Dark theme for editor view

save in local storage

Preview

  • Refine Theme for Preview view
  • Deep link to preview
  • Return error if post isn't public or not owned by current logged in user
  • Logged out user should see login and register in header.

Inline Comments

  • Design concept
  • Define Model
  • Actions [delete, resolve, respond]
  • Invitation other users to post? Own issue?

onClick on small screen navigation

currently passing around top level closing function to dismiss the navigation. there should be a onSuccess or onClick in the navigation that dismisses, like pass location as prop and if the location updates in componentDidUpdate close the navigation.

bug:

small screens, tapping All Entries doesn't close the nav (because it's not re-routing).

Separate UI Library

  • UI components should live up one level in their own package.
  • Default CSS should live in its own package.

Add service to Confirm User

Users need to be confirmed in the system before too long.
A service should send an email confirm and not impede user

Confirm Delete

Should annoyingly confirm you want to delete the post.

Error State

Replace HOC of withUIFlashMessage with an ErrorContainer in unstated

Fix Registration Privacy, T&C

  • Need a legal route that has terms and conditions & basic privacy stuff
  • Fix registration with new Auth API
  • Confirm that you've read or wish to ignore the Legal shit (probably a checkbox)
  • Don't not submit unless confirmation is true

Upload markdown file

<Main /> Component should be a drag and drop interface to drop in documents from desktop and parse them in the service and create an instance of the <NewEditor /> with the content and title.

Code Blocks

Code blocks in Editor

should be able to type in an Instance of Prism.

UX

A collection of style things that need to be addressed

  • Night Mode
  • Autosaving Notification
  • Horizontal overflow on smaller screen sizes
  • Alerter for login and logout
  • Preview CSS
  • Fix navigation to fill the full height
  • Animation to dismiss modal

Publishing

Should be able to publish to Wordpress and Medium

Feature: Local Drafts

If user goes offline, the user should save the draft to local storage.

should be able to detect draft on mount, show an alert to apply or discard the draft.

local draft

Modal

for Helpers, export, tags, etc

Share Button

Sharing button should be available on every card, should copy share link if it's public

Code Blocks

these are going to be important.

in both rendering markdown and in Editor also night mode

Private Post

  • Defining private attr on post model
  • Flesh out toggle for private in UI
  • Showing private post on card

Dashboard

  • Modal should use portals
  • Layout Toggle should be it's own component that manages its own state (a function as child)
  • Modal needs new UI design
  • Modal needs a DeleteModal component to take those props
  • Flow Errors

Fail to Fetch

if i try and hit my endpoint and i get a 401 with an expired token the main list shouldn't return as the empty state, there should be a meaningful error.

  • /
  • /new
  • /:id/edit

Authentication

Basic authentication using firebase and torii

simple login email & password

Move State

Move global state to use unstated

  • Auth (token, user_id, username)
  • Posts (just a top level list

Unauthed Header

When a post is previewed and the user isn't authenticate a header should appear with

  • Logo, on the left
  • Signup + Signin, on the right

Word Count

if text is selected, there should be a word count of the selection.

Editor should auto save

Editor should autosave every 3 seconds, debounce and then alert the user that the post has be saved.

SSR

Downwrite needs to be rendered on the server, especially the preview pages and the default list

Here are a few good options

  • After.js
  • Next.js
  • StaticRouter + Express + custom middleware

Decode Token

token should send username, user_id and client should decode it.

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.