https://github.com/desmondsanctity/prime-numbers-multiple-react

A react web application that returns a multiplication table for a range of prime number.
https://github.com/desmondsanctity/prime-numbers-multiple-react

jest jest-tests jsx react react-hooks

Last synced: 14 days ago
JSON representation

A react web application that returns a multiplication table for a range of prime number.

• Host: GitHub
• URL: https://github.com/desmondsanctity/prime-numbers-multiple-react
• Owner: DesmondSanctity
• License: mit
• Created: 2020-10-07T22:14:30.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2020-10-09T01:58:22.000Z (over 4 years ago)
• Last Synced: 2024-11-06T19:53:30.652Z (2 months ago)
• Topics: jest, jest-tests, jsx, react, react-hooks
• Language: JavaScript
• Homepage: https://prime-number-multiple-react.netlify.app/
• Size: 535 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Cloning and Running on Your Machine

In your local machine, run the command "git clone github.com/DesmondSanctity/prime-numbers-multiple-react.git"

Inside the directory where the project is cloned run:

### `yarn start` to launch project

Runs the app in the development mode.


Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

HomePage. 


![Home Image](https://github.com/DesmondSanctity/prime-numbers-multiple-react/blob/main/documentation/prime-home.PNG)

The page will reload if you make edits.


You will also see any lint errors in the console.

## Testing the components using jest

### `yarn test`

Launches the test runner in the interactive watch mode.


See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

My Test. 


![Test Image](https://github.com/DesmondSanctity/prime-numbers-multiple-react/blob/main/documentation/test.PNG)

## Building for Production

### `yarn build`

Builds the app for production to the `build` folder.


It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.


Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

## Technologies Used

- React

- React Hooks

- Jest

- JSX