Image Gallery with drag and drop
This is a simple web app that takes the authentication of the user and verifies the person, then redirect to the gallery page which contains random image for drag and drop and it also contains a search functionality.
- Sign Up / Sign In authentication
- Search (filter) functionality
- Drag and drop
The library used for the drag and drop was the Muuri library
Firebase was used for the authentication.
Tailwindcss
- Create react app using vite
npm init vite
- install the node modules
npm install or npm i
- install tailwindcss with
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init
- install fire base
npm install firebase
- install muuri
npm install muuri
- start the server
npm run dev
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh