/react-codelab-project

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

Primary LanguageJavaScript

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.vlpt.us/

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