Skip to content

A mini project to introduce how to use axios in a React project. This also should help students understand full CRUD.

Notifications You must be signed in to change notification settings

mrcompton/react-3-mini

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Project Summary

In this project, we'll introduce how to use axios inside of a React project. We'll cover full CRUD in this project ( GET, PUT, POST, DELETE ) and also cover how to use .then(). Majority of the React application will already be built for you. If you're finding it hard to dive into an existing code base and understand exactly what is going on, that's perfectly normal. Try to focus only on how we're interacting with the API using axios.

This project is also incorporating toast notifications to help visualize successful or failed API requests. Therefore when building out our axios requests, we will add an additional line of code for successful and failed API requests.

  • Success: ToastStore.success('Success!', 3000);
  • Failure: ToastStore.error('Failed!', 3000);

Setup

  1. Fork and clone this repository.
  2. cd into the project directory.
  3. Run npm install.
  4. Run npm start.

API Documentation

https://app.swaggerhub.com/apis/DevMountain/Joes-Auto/1.0.0

Please reference this API documentation when completing the project steps.

Step 1

GET

Step 2

PUT

Step 3

POST

Step 4

DELETE

Black Diamond

Complete the remaining methods..

Contributions

If you see a problem or a typo, please fork, make the necessary changes, and create a pull request so we can review your changes and merge them into the master repo and branch.

Copyright

© DevMountain LLC, 2017. Unauthorized use and/or duplication of this material without express and written permission from DevMountain, LLC is strictly prohibited. Excerpts and links may be used, provided that full and clear credit is given to DevMountain with appropriate and specific direction to the original content.

About

A mini project to introduce how to use axios in a React project. This also should help students understand full CRUD.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 76.7%
  • HTML 13.0%
  • CSS 10.3%