This application was built with create-react-app
.
Clone down this repo.
On GitHub, create a new, empty repository and name it something like 'turing-cafe-fe'.
Update the current remote origin and point it at the new URL of the repository you just created on GitHub. You can read how to do this here.
Once you've updated the remote, you should run npm install
, commit, and then push your initial commit to your updated remote origin. You might need to use the -u
flag when you push (like this: git push -u origin master
).
Run npm start
to start up your React server.
Build a React App that displays the current reservations for the Turing Cafe!
You will have 1 hour to build this application.
We do want to see good commit habits - atomic commits that log small, focused changesets. Don't worry about creating GitHub issues, though.
Pull down the API repo. Set up instructions are in that repository's README.
Do not nest this inside your front-end repository.
Get all existing reservations on page load and display them on the DOM.
Create a controlled form component to create a reservation (look into the API documentation to see what pieces of information are expected, and what datatypes it wants each piece to be). As a user types into the input fields, the component's state should change.
When the user clicks the Make Reservation
button, the application should make a post request to the API and update state. The new reservation should display with all of the existing reservations.
You may not have any fetch calls in any component other than App!
(If you have time to refactor your fetch calls into a separate helper file, that is fine, but it is NOT a requirement for this application.)
Delete a reservation when the user clicks the Cancel
button.