react photo gallery is a private/personal photo gallery app.
Here is a working live demo: https://sad-mestorf-f1ac6b.netlify.app/
- I've had experience using an image uploader library such as React-file-base64 and I wanted to build a custom built image uploader using just javascript, multer and react components.
- React Redux
- Axios
- Express
- Node.js
- mongoDB/mongoose
- Multer
- Moment.js
- JWT
- React-Google-Login-Lite
- Google-Auth-Library
- Nodemailer
- React-Bootstrap
- Adobe Photoshop and Sparks for logo.
- Heroku for backend deployment.
- Netlify for frontend deployment.
- Custom built image uploader from desktop or mobile device. Currently works with .jpg only.
- Delete image from gallery.
- Google Login and Login doesn't work.
Had CORS issue: "cors policy: response to preflight request doesn't pass access control check: no 'access-control-allow-origin' header is present on the requested resource."
So I added custom preflights for each route. For example:
The above code seemd to solve the cors issue, but I don't recieve a successful login message and the app fails to redirect to home after logging in.
Note: For purposes of a partial working demo. I've included links to the upload and gallery in the main nav before login when typically these would only be accessible after successfully logging in.
- Fix JWT and Google Login.
- Fix redirect after user logs in.
- Expand image uploader to include .png and .gif files.
- Create custom share button for images. Giving the user the ability to securely share an image with another user.
Ryan Fogle
MIT