React Todo Manager

A todo task manager written with React and a gorgeous UI.

Demo

Local Development

Run the API Server

# Initial setup
npm install

# Start the server
npm start

Run the React UI

In a separate terminal from the API server, start the UI:

# Always change directory, first
cd react-ui/

# Initial setup
npm install

# Start the server
npm start

Tests

API Server

# Run API tests
npm test

React UI

# Always change directory, first
cd react-ui/

# Run React UI tests
npm test

Folder Structure

react-todo-manager/
  README.md
  package.json
  app/
    app.js
    controller.js
    spec.js
    tasks.json
  public/
    index.html
    favicon.ico
    manifest.json
  src/
    actions/
    components/
    constants/
    containers/
    css/
    decorators/
    reducers/
    index.css
    index.js

What’s Inside?

• React
• Redux
• Babel
• webpack
• ESLint
• Chai
• Jest
• Mocha
• Supertest
• Sass
• Autoprefixer
• Bootstrap

Requirements

• React 16 and Redux
• Sass
• Responsiveness
• Integration tests on backend
• UI inspired on vliegwinkel.nl