Code Monkey home page Code Monkey logo

orbitreport-react's Introduction

Graded Assignment 6: Orbit Report

This project was created with Create React App. For more on working with Create React App see the Create-React-App-README file in this repo.

Getting Started

  1. Fork and clone this repo from GitHub
  2. Open this in Visual Studio Code (or your favorite IDE for React projects)
  3. Use the terminal to cd into the project directory.
  4. Use the following commands to start the project:
  5. npm install will pull in dependencies your project may need.
  6. npm start will run the project.

Assignment Overview:

  1. Create components to render an interactive table that displays satellites. The satellites render in the table based on a button click. You will create the buttons, the table, and the function that connects them. It's going to be great! :)
  2. Testing: Every time you push up your code to your forked GitHub repo, this will trigger an Action to run. The Action will start the autograding tests. There is one workflow that contains 9 tests. When you pass all the tests, let your TA know and review your project with them.

Running the Unit Tests

The final task of the assignment is to run the unit tests.

However, the autograding tests will run every time you push your work up to your GitHub repo. The autograded tests are in a single workflow, so you will not pass this workflow until you've completed the entire project.

Running a workflow with GitHub Actions

Before you review your code with your TA, check on the status of your workflow. To do this, follow GitHub's guide on manually running a walkthrough. This guide will explain the following:

  1. How to run the workflow
  2. What the output looks like
  3. How to investigate a failed test
  4. How to rerun tests

To Run the tests within your project

If you like to check your progress incrementally as you work, you can run the tests in your terminal between each section. Again, since the tests are in a single test file, you will not pass all of the tests until you've completed your project.

To test your code in the terminal before you push it up to GitHub, use these steps:

  1. Inside the project directory, run the following commands to start the tests: npm test

You should see the following if you run the tests BEFORE completing the assignment:

starting unit tests

If you are running this between tasks, you should see that some of your tests pass while others do not depending on your progress.

If your code behaves as expected by the last task, you should pass all the unit tests and see this: passing unit tests

Troubleshooting

Troubleshooting tips for this project and the unit tests are in the textbook.

Happy coding! :)

orbitreport-react's People

Contributors

speudusa avatar agnibalan avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.