beomcheol / react-codelab-project

Single-page infinite-scrolling public memo app implemented using React.js, Redux, Express.js and MongoDB

React-Codelab-Project

About

React-Codelab-Project is a Single-page infinite-scrolling public memo app implemented using React.js, Redux, Express.js and MongoDB.

Features

• Authentication (Sign Up / Sign In)
• Memo Creation / Manipulation (edit, delete, star)
• User Search

Preview: https://memo.hoah.xyz/

Following technologies are used

• axios
• babel
• express
• bcryptjs
• mongoose
• react
• react-router
• react-addons-css-transition-group
• react-addons-update
• redux
• redux-thunk
• materializecss
• react-hot-loader
• webpack
• webpack-dev-server
• style-loader
• css-loader

Prerequisites

MongoDB and NodeJS should be installed

npm install -g webpack babel nodemon cross-env
npm install

Scripts

• npm run clean Deletes Build files of Server and Client
• npm run build Builds Server and Client
• npm run start Start server in production environment
• npm run development Start server in development environment

Express server runs on port 3000, and development server runs on port 4000.

Tutorial on this project (in Korean): https://velopert.com/tag/reactcodelab