Memoories
is a fully-featured social media web application, built with the MERN stack.\
Project | Description |
---|---|
express |
node framework |
monogodb |
Database to store document-based data |
cors |
for cros orgins apps |
mongooose |
MongoDB object modeling for Node.js |
multer |
middleware to deal with file |
dotnet |
To load environment variables from a .env file |
nodemon |
for watch files when develop the backend |
jsonwebtoken |
for authentication |
crybtojs |
for crypto the password |
Project | Description |
---|---|
react |
Frontend framework |
react-router-dom |
/version 6/ For general routing & navigation |
@mui/material |
UI library |
@mui/icons-material |
for icons |
axios |
for deal with requests from backend |
moment |
for handle time |
react-file-base64 |
for convert the the file to base64 for sorting in mongo |
redux |
for mangement the state |
react-google-login" |
for login by google |
jwt-decode |
to check when the token expire |
react-redux |
to mangement state |
- Create, read, update and delete posts
- Like and unlike posts
- Create, reply to, read, update and delete nested comments
- Sign up and login using JWT for authentication
- View profiles of users and browse through their posts, liked posts and comments
- prefect scrolling when add comment
- Search for posts by their title
- Fully responsive layout
`npm start`
- Runs the app.
npm run server
- Runs the app in the development mode.
`npm start`
- Runs the app in the development mode.
npm run build
- Builds the app for production to the build folder.