An image library built with ExpressJs, ReactJs, NextJs and Laravel
See Api repository - live demo
See App repository - live demo
- PWA with workbox
- SPA with react
- SSR with nextjs
- Oauth with laravel passport
- // Todo
- CSRF protection on the express server
- Improve frontend validations
- Add visual indicator on the frontend app so user knows a server load is in progress
- Authenticate via third party providers (eg facebook)
- lazy load images (done)
- Add a nice notification system to render alerts (done)
- Add a nice confirmation dialog
- Import configs and credentials
- infinite scroll
- Ask guests to login or register when they try to rate an image
- Add uuid to models to replace publicly available ids
- Save multiple image dimensions for faster page load
- (Efficiency) Find a way to prevent issuing too many redundant tokens
- Properly take care of attributes that should be hidden
- Ability to manage uploads
- Create separate endpoint for upload so user gets to fill in image details while upload and image processing is running in the background, before finally saving.
- Pagination
- Show images on a popup or single page when clicked with more details
- Add recently viewed images section to the user dashboard
- Add related images section to the single-image page
- Add other images by user to the single-image page
- Add a download button single-image page
- Asides backend validation and response for rating, add visual feedback on frontend when user has submited rating
- Update readme with installation process
- Write tests