Building a MERN app that helps you save your memories (stories).
You can take a look at the https://memobooks.herokuapp.com/
Tools used build the project are listed here.
- Frontend React, Material UI & SCSS.
- Backend (Node, Express, MongoDB, Firebase, Multer).
- JWT Authentication
- Heroku for Deployment
- Firebase is used as middleware for uploading images.
Home UI showing all uploaded stories. The main home page route will be available for all the users. We can take a look at all the stories people uploaded.
Take a look at the whole app working. The UI shown in the GIF has been updated a lot.
Once a user is logged in or Signed up he or she can now upload their stories and memories to our app. Just add some title and a note and select the images you wanna upload and done 🚀.
Clicking on a story card in the home screen will take you to this page. You can slide between the images. react-slideshow-image library is used here to make a slide show you can take a look at the client package.json file.
A user must have to sign up or log in to upload stories. Users will use/signup or /login routes to do so.
JWT authentication is used and the JWT-Token is saved in the HTTP-Only cookie. Users can now be logged in automatically when next time accessing the protected routes.
This project is licensed under the [MIT] License - see the LICENSE.md file for details
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent