How to: Make A New Feature

This guide shows the front-end, back-end, and typescript code involved in making a new feature (registering a new user) within the Project Match tech stack.

Here is what we are aiming for:

• Submit button in the react component hooked up to the register Redux action

• New user data is saved in the database and gets returned and saved to Redux store

• Upon action completion, the register page directs to the user settings page

Things that need to be done:

Front End Setup:

• Set up user action to solidify the sequence of actions

• Set up User and UserAction types file

• Set up apiService function to handle request / response to server

• Set up Redux reducer to receive the returned response and save to Redux store

React Component Setup:

• Set up types file for react component props and state

• Set up Register React Component with mapStateToProps, mapDispatchToProps

Back End Setup:

• Create Mongoose User model

• Set up API route, ensuring compatibility with passportJS

• Testing the route with Postman