Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lamiasristy/math-magician

This project is a demo website for Math Magician, developed using React. Also added test-cases using jest.
https://github.com/lamiasristy/math-magician

jest-snapshots jest-tests react react-components react-router

Last synced: 25 days ago
JSON representation

This project is a demo website for Math Magician, developed using React. Also added test-cases using jest.

Awesome Lists containing this project

README

        

# Math-Magician

This project is a demo website for Math Magician, developed using React. Here I have practiced the basics of React, like,
- Props and States,
- component,
- Life-cycle methods,
- Hooks,
- Routers,
- Styling the React app,
- Testing React components.

## `Build-With:`

- React
- VScode

## `Live Demo:`

[math_magician](https://mathmagician.herokuapp.com/)

## `Screen-shots:`


# Getting Started:

### `Prerequisites`

To get this project up and running locally, "npm install" is needed to be run in order to include all dependencies used for this project.

**To get this project set up on your local machine, follow these simple steps:**

1. Open Terminal.
2. Navigate to your desired location to download the contents of this repository.
3. Copy and paste the following code into the Terminal: git clone `https://github.com/LamiaSristy/math-magician`.
4. Into the Terminal: run `cd math-magician`.
5. Into the Terminal: run `npm install`.
6. Into the Terminal: run `npm start`.
7. To see the website in the browser, open browser and load `localhost:3000`.

**To run the test suits:**
1. Into the Terminal: run `npm test`.
2. Press `a` to run all tests.

## `Author Details::`

👤 **Lamia Sristy**

- Github: [@LamiaSristy](https://github.com/LamiaSristy)
- Linkedin: [@LamiaSristy](https://www.linkedin.com/in/lamia-hemayet-sristy/)
- E-mail: Email
- Twitter: [@LamiaSristy](https://twitter.com/lsristy1)

## `Show your support:`

Give ⭐ Star me on GitHub — it helps!

## 📝 `License`

This project is [MIT](lic.url) licensed.