Simple gif sharing app that allows users can upload gif files
- Users can login or register to app.
- Users can see their own gifs after login
- Users can upload multiple files at the same time by draging & drop
- Users can see progress and status of process while uploading
- Users can make individual gif file publicly and share it to unauthenticated user.
- Users can update file name, add tags and delete file.
- Unauthenticated user can see gif using public url.
- React 18.1.0
- React router v6
- Mui v5
- Formik
- Yup
- React Dropzone
- Apollo client
- Apollo upload client
- Node
- Express
- Mongoose
- JWT
- Apollo server
- type-graphql
- graphql-upload
To run client, modify .env.example to .env and run:
cd client
npm i
npm run startAfter running, you can access to http://localhost:3000
To run server, modify .env.example to .env and run: (Node: please make sure mongodb is running and add user to database)
cd server
npm i
npm run startAfter running, you can access to http://localhost:4000/graphql