- save previously used component values
- autocomplete previously used component values
- define components and options in a JSON file for easy update of rules
- save prompts
- group saved prompts in projects
- attach generated image URLs to saved prompts
- link to midjourney explore
Instruction with pnpm, but currently I’m using npm instead only because it’s convinient for deploying to Github Pages —where this app is currently hosted.
Refer to the initial commits of this repo.
# init project using vite # select react and typescript + SWC when prompted # Using pnpm: pnpm create vite # Using npm: npm create vite@latest # change directory cd midjourney-prompts # install deps pnpm install # or npm install # init repo git init git add . git commit -m "init" # install prettier # see git commit for files that need to be created manually pnpm add -D prettier # or npm i -D prettier # install tailwind pnpm add -D tailwindcss postcss autoprefixer #or npm i -D tailwindcss postcss autoprefixer # init tailwind npx tailwindcss init -p # follow this guide: https://tailwindcss.com/docs/guides/vite # We are not using react-router on this project but if you are following this as a guide for your own project, this may be helpful pnpm add @tanstack/react-query # or npm i @tanstack/react-query # install router (note: tanstack router is in beta, you may want to use another router) pnpm add @tanstack/router@beta # or npm i @tanstack/router@beta
Build and deploy
Deploying on Github Pages. Build script is in .github/workflows/main.yml.