Skip to content

Fullchee/reminders-frontend

Repository files navigation

Netlify Status

  • Shows a random piece of media that reminded me of who I want to be.
  • In the day-to-day grind, it's easy to forget what's important.
  • I've also started using this as a spaced repetition tool (like Anki) for YouTube and podcasts.
  • I visit this site often to remind myself of what kind of person I want to be from moma's womb to tomb.
  • I also use this as an alternative to getting sucked into YouTube or another social media site or the news.
  • a breakable toy

Links


Install

  1. Install the node version in .nvmrc
  2. Run ./setup.sh
yarn
yarn start

Deploy

  • Netlify is linked with the GitHub repo

Building the Android APK

  1. Ensure that Android Studio is installed
    1. brew install --cask android-studio
  2. Ensure that ionic is installed
    1. npm i -g @ionic/cli
  3. yarn android
  4. In the menu bar, click `Build > Build Bundle(s) / APK
  5. 3fa4503f917425bbee7c01d5ff2aa45a.png
  6. Save the app-debug.apk

Kanban board

Dependencies

  • @capacitor
    • to build the android app
  • react v18
  • react query v5
    • async state management
    • dev tools is a dependency because it's an actual component that gets stripped on prod
  • react-router-dom v6
  • tinymce v4
    • text editor
  • vite v5
    • needed to build, Netlify doesn't install dev dependencies in the build

Dependencies that can be removed

  • framer motion

React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

  • Configure the top-level parserOptions property like this:
export default {
  // other rules...
  parserOptions: {
    ecmaVersion: "latest",
    sourceType: "module",
    project: ["./tsconfig.json", "./tsconfig.node.json"],
    tsconfigRootDir: __dirname,
  },
};
  • Replace plugin:@typescript-eslint/recommended to plugin:@typescript-eslint/recommended-type-checked or plugin:@typescript-eslint/strict-type-checked
  • Optionally add plugin:@typescript-eslint/stylistic-type-checked
  • Install eslint-plugin-react and add plugin:react/recommended & plugin:react/jsx-runtime to the extends list

About

Project to remind myself of meaningful podcasts and YouTube videos

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published