This project was bootstrapped with Create React App. This app is a Full Stack MERN application. The app is called Memories. It is a simple social media app that allows users to post interesting events that happened in their lives. This project is aimed at
1. Understanding the essentials of the CRUD functionality in applications.
2. Getting a good grip at full stack development, using the MERN stack and redux.
1. Users can add a new post.
2. Users can add an Image.
3. Users can edit a post and it gets updated.
4. Users can like a post.
5. Users can delete a post.
6. Users can add description message to a post.
7. The time the post was created can be visible by the user.
Open Memories App - Client to view in your browser.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
Open Memories App - Server to view in your browser.
See Server Github Repo Here.
In the project directory, you can run:
Runs the server and automatically runs nodemon index js
please note herein that if you do not see Server is running on port: 5000 kindly check your npm installation, and be sure you installed in the right directory.
Runs the app in the development mode.
Open http://localhost:5000 to view it in the browser.
Open http://localhost:5000/posts to view it in the browser.
-React
-Material UI
-Node JS
-Express JS
-Mongo DB
-Mongoose
-Redux
And for deployments,
-Netlify for Client
-Heroku for Server
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.
To learn Redux, check out React Redux.
To learn Material UI, check out Material UI, getting started.
To learn Node JS, check out the NodeJS Documentation.
To learn Express JS, check out the ExpressJS getting started.
To learn MongoDB, check out the MongoDB documentation. -As a helper information, when creating cluster in MongoDB Atlas, go to network access, and kindly set it to allow access anywhere. This will save you some grey hair, when deploying your backend on heroku.
To learn Mongoose, check out the Mongoose Documentation.
To learn Heroku, check out the Heroku Dev Center.
To learn Netlify, checkout the Netlify Documentation.
- Javascript Mastery
MIT © Chinedu Eke
Chinedu Eke