Coder Social home page Coder Social logo

react-codelab-project's Introduction

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

react-codelab-project's People

Contributors

irrationnelle avatar velopert avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

react-codelab-project's Issues

로그인 시 에러가 발생합니다.

정확히는 로그인 할 때, 다른 유저네임과 비밀번호를 입력했을 때,
뷰 상에서 나와야할 에러메세지가 뜨질 않고 가만히 있습니다.
그리고 콘솔창에서 아래와 같은 에러 메세지가 뜹니다.
`
bundle.js:31274 Uncaught (in promise) Error: Actions may not have an undefined "type" property. Have you misspelled a constant?

at dispatch (bundle.js:31274)
at bundle.js:35340
at dispatch (bundle.js:32025)
at bundle.js:32470
at <anonymous>

`

해결 방법이 있을까요?

route issue

react-router is upgrade to v 4.x
so issue occured in section 10.
How can we solve this issue?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.