GithubHelp home page GithubHelp logo

tclark1011 / flex-sheet-architecture-test Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.55 MB

Home Page: flex-sheet-architecture-test.vercel.app

Shell 1.20% JavaScript 6.85% CSS 0.14% TypeScript 91.81%

flex-sheet-architecture-test's Introduction

Authenticated Pages

Add to matcher array in middleware.ts config object.

Use the ssr-utils protects getServerSideProps stuff to get the session data in SSR

Changes From Base T3

  • Switch to jwt sessions, delete verification token model

flex-sheet-architecture-test's People

Contributors

tclark1011 avatar

Watchers

 avatar

flex-sheet-architecture-test's Issues

Implement Landing Page

  • Logo
  • Blurb
  • Sign in (if not already signed in)
  • Goto notes/Create New Note (if already signed in)

Setup Formatters

Tasks

Prettier:

  • Tailwind Plugin

ESLint:

  • Prettier Integration
  • Unicorn plugin (particularly file-name-case stuff)
  • Import rules for paths

Notes

  • Probably going to use prettier-eslint for integrating ESLint and prettier

Switch to Postgres

  • Setup docker-compose with default env.example params for local development
  • Prod DB on render.com

Basic Testing + CI

  • Setup Playwright
  • Single Very Basic Test (eg; start on home page, follow a single link)
  • Test in PR

Implement Notes

  • Edit Title
  • Edit Content
  • Save
  • Tags
  • Public/Private Toggle
  • Delete from edit page
  • Delete from list page
  • Unauthorised screen if not able to view note
  • Read Only mode if not authorised to edit note

Write Dev Docs

  • How to run locally
  • Folder structure
  • Imports
  • Protect Routes
  • Creating New Components
  • Testing
  • Scripts
  • CI
  • Workflow (eg; PRs)

Blocked by #10, #8, #4

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.