The challenge was create an image uploader app using Firebase for the first time. Creating interactions and micro-interactions to make the UX as smooth as possible
You need an account in Firebase to get all api-keys in environment variables.
Copy .env.sample and change its name to .env and update it.
- Listen for drag and drop.
- Validate dropped images.
- Delere images with unsopported file types.
- Choose images from a folder.
- See a loader when while uploading.
- Copy a link from the uploaded images.
- Transfer all Tailwind's styles to styled-components
- Improve animations
- UI improvements in modal