- Connect to
postgres
- Figure out how to store images and their info on db
- Install
multer
- Install
concurrently
- Setup basic file-uploading frontend
- Figure out how to upload file from FE to BE
- Store image info on Postgres and image file in a folder
- Install
- Complete all CRUD operations needed for an image uploader
- GET by id
- POST
- Render uploaded image after successful POST request
- Include unit & functional testing using
jest
- Install
ESLint
- Write frontend code
- Decide on a typeface
- Comply with user's default color theme
- Render some indication when user is dragging
- Render selected image before uploading
- Add theme-switch button (non-functioning)
- Make theme-switch button functional
- "Uploading" state
- Assign a URL for each image
- "Finished" state
- Add banner noti when offline (optional)
- Organize Sass files by components (use
styled-components
?) - Animation between states (
Framer Motion
) - Animate something when user is dragging
- Organize components and their style together
- Add a link in "Finished" to go back home (reset all states)
- Use
crypto.randomUUID()
instead ofnanoid
- Update tests
- App should reject non-image files
- Uninstall
shelljs
, use nativechild_process
instead - Deploy using Firebase