Motivation

Users need the ability to add posts for others to see, and eventually comment on.

Implementation

• Create button to which opens modal onClick.
• Create a CreatePost component which will be the modal-form to add a new post.
• Connect modal with API route to save the post in the database.
  • Define an API method to hit route to save a new Post object.
  • Update CreatePost to store form state in redux store via redux-form.
  • Use redux-form's reset prop to reset form to the default state (empty).
  • Add a method to App.js which takes a post object and sends that as the body on the API save post route.
    • Define constants to initiate, success and fail cases on submit post.
    • Define action generators for success and fail cases.
    • Update initial state object to include empty array for posts.
    • Update reducer to include cases for success and fail.
    • Define saga to prepare post object for api route.
    • Dispatch action for saga in onSubmit handler.
• Verify that everything works as required.

Motivation

Now that the user can submit a post, the next step would be to give them the ability to see the posts.

Implementation

Motivation

An integral part of this web-app will be being able to add public posts under a category for other users to view and discuss via post-comments. Before users can

Implementation

• Update api express server to serve app docs.
• Setup client-side directories and dev scripts.
  • Create new directory client, which includes index.js, App.js, App.css.
  • Install react, react-dom as dependencies.
  • Install babel-core, babelify, browserify as dev dependencies.
  • Setup npm script to bundle client as main.js in public/.
  • Install watchify, npm-run-all as dev dependencies.
  • Setup npm script to watch and re-bundle main.js on changes.
  • Install browser-sync as a dev dependency.
  • Setup npm script to reload browser on update.
• Update App component to render a list of categories from the server.
• Improve visuals of app.
  • Update App.js to include more elements to improve app.
  • Update App.css to include project-wide css rules.