Get ready to build your first MERN app! For this lab, your goal is to build a MERN app with Express on the back-end and React on the front-end.
- Mongo, Mongoose, Express and Node
- React, Components, State and Props
- React Component Lifecycle Methods (useEffect)
- React Router
- A pull request will be used for submission of this assignment
- Fork and Clone this repo
- Fulfill the listed requirements.
- Create a Pull request on this repository with links to your repo(s).
Unlike most labs, for this one you will submit your work by making a pull request. If a pull request has not been performed up until now then the instructor will walk the class through performing one at the completion of this readme.
This repo should be used as the backed server.
Create another repo for the Frontend and add a link to that repo when you make the Pull request.
Here are the requirment:
- Build a simple MERN - Mongo-Express-React-Node App
- Must contain related models (Owner/Fruits or Owner/Dogs)
- React on the front end must include
React Router
- Node on the backend must be configured as a
RESTFull
API - Both servers much be deployed
Your app should have a back-end build with Express that persists data to a MongoDB database using Mongoose. Your Express app should return JSON data to your React front-end.
Backend server must be deployed via Heroku.
Backend must be configued for CORS.
The front-end for your simple MERN app should be built with React. Instead of using fetch
you will now use axios
to
get data from your Express back-end.
Use React Router to build out separate 'views' for creating, editing, updating and deleting instances of your model.
Your goal should be to have full CRUD functionality on one model with a React front-end and Express back-end.
Frontend server must be deployed via Netlify.
- Style it and make Kenny proud!!!
- Add
useContext
to create a global state - Add a third model as a sub-document. Finish full CRUD on your first two models before adding any additional subdocuments.