Live Website - https://memoire-app-mern.netlify.app/
The frontend of the website is hosted on netlify whereas the backend is deployed on heroku. This app is styled with Material-UI, the latest styling libraary for react. Users can view the others posts but cannot create their own posts or like others posts without creating an account. After creating an account they have the option to create posts, upload photo, edit and delete their own post, but they only have the option to view and like others posts. This website is named memoire which is a french word for memories as this web app will help user store their memories in the form of posts.
- Login/Signup Functionality
- Like, delete, edit option on the post.
- Image upload feature on post
- Tags with posts
- Html
- Css
- Material-UI
- Javascript
- React
- Redux
- NodesJS/Express
- Mongoose
- MongoDB
- JWT
- BcryptJS
This app is a full fledged social media type of app in which users can create, read, update and delete the posts with login/signup features. I learnt how to plan a big app like this before starting any new project this big. Then coming to the frontend side I leant about routing, redux store state management and how to access the global redux store state using the useSelector hooks and how to dispatch the actions to update the state with the help of useDispatch hook. On the backend side I learnt about the important CRUD functionality in the mongoDB database with the help of mongoose library.
npm i- installs all the dependenciesnpm start- starts the frontend development server on your local machine.