zjw-92/fullstack_project

This is a fullstack MERN application to take memories with message and hashtag. Users can edit, delete the memories and count thumb up times.

Full-stack MERN Project

This is a fullstack MERN application to take memories with message and hashtag. Users can edit, delete the memories and count thumb up times.

Teck stack

Setup

Client

Run npm install && npm start

• axios: make api requests
• moment: a library work with time and date
• react-file-base64: convert images for uploading
• redux: a predictable state container for JavaScript apps
• redux-thunk: asynchornous actions using redux
• @material-ui/core: install UI styling
• react-redux: official React UI bindings layer for redux

Server

Run npm install && npm start

• body-parser: enable to send post requests
• cors: enable cross origin requests
• express: framework for creating the routers
• mongoose: create models for posts
• nodemon: automatically restart the node application

Database

• connect with MongoDB with signing up http://www.mongodb.com/cloud/atlas in index.js/server and add follows:

const CONNECTION_URL = 'here paste your connection string from mongodb'
const PORT = process.env.PORT || 5000; 
mongoose.connect(CONNECTION_URL, {useNewUrlParser : true, useUnifiedTopology : true})
  .then(() => app.listen(PORT, () => console.log(`Server is running on port: ${PORT}`)))
  .catch((error) => console.log(error.message));