christianparizeau/student-grades

A full stack web application allowing instructors to track student's grades

sgt-react

• Maintained by: thebearingedge

The Student Grade Table: Written in React

Introduction

For this project, you will be building a single-page React application that communicates with a server to manipulate data.

Getting Started

1. Fork this repository to your GitHub account and clone it to your local machine.
2. Check out a dev branch and push it to origin.

   git push origin dev

3. Install all dependencies in package.json with NPM.

   npm install

NPM Scripts

• dev - Start Webpack Dev Server on port 3000 and JSON Server on port 3001. Visit http://localhost:3000 in the your browser during development.
• build - Run Webpack to build the React client into server/public. This script is generally used for deployment only.

Features

• User can view all grades.
• User can view the average grade.
• User can add a grade.
• User can delete a grade.

Preview

Server API

GET /api/grades

Responds with all recorded grades.

Example Response Body

[
  {
    "id": 1,
    "name": "Daniel Paschal",
    "grade": 100,
    "course": "Web Development"
  },
  {
    "id": 2,
    "name": "Scott Bowler",
    "grade": 100,
    "course": "Web Development"
  }
]

POST /api/grades

Accepts a single grade object in the request body and inserts it into all grades. Responds with the inserted grade, including an auto-generated id.

Example Request Body

{
  "name": "Tim Davis",
  "grade": 50,
  "course": "Web Development"
}

Example Response Body

{
  "id": 3,
  "name": "Tim Davis",
  "grade": 50,
  "course": "Web Development"
}

DELETE /api/grades/:id

Removes a grade from all recorded grades, given an id in the request URL. e.g. /api/grades/3

Example Response Body

{}