Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/danifromecuador/react-calculator

A basic calculator and a daily quote using an API in a SPA wit React
https://github.com/danifromecuador/react-calculator

Last synced: 10 days ago
JSON representation

A basic calculator and a daily quote using an API in a SPA wit React

Awesome Lists containing this project

README

        


logo

Math Magicians

# 📗 Table of Contents

- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [💻 Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

# 📖 Math Magicians

**Math Magicians** is a basic calculator using React and a quotes page using an API both inside a SPA (Single Page Application)

## 🛠 Built With

### Tech Stack

Client

### Key Features
- **The calculator app uses React**
- **The qoutes page consumes an API**

(back to top)

## 💻 Getting Started

### Prerequisites

In order to run this project you need:

- Install Git
- Install Node JS
- You can use your favorite CLI and code editor, I'm using Konsole and VS Code
### Setup

Clone this repository to your desired folder:

```sh
cd my-folder
git clone [email protected]:danifromecuador/react-calculator.git
```

### Install

Install this project with:

```sh
cd react-calculator
npm install
```

### Usage

To run the project, execute the following command:

```sh
npm start
```
Your project should be displayed automatically on your web browser on this port: http://localhost:3000/ , if don't open it manually.

(back to top)

## 👥 Authors

👤 **Dani Morillo**

- GitHub: [@danifromecuador](https://github.com/danifromecuador)
- Twitter: [@danifromecuador](https://twitter.com/danifromecuador)
- LinkedIn: [danifromecuador](https://www.linkedin.com/in/danifromecuador/)

(back to top)

## 🔭 Future Features

- **The calculator will use a "7-segment" font**
- **The calculator will show the history of operations**
- **The API could be updated anytime with a button in order to show a new quote**

(back to top)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/danifromecuador/react-calculator/issues).

(back to top)

## ⭐️ Show your support

If you like this project give me a star on my [GitHub Repo](https://github.com/danifromecuador/react-calculator)

(back to top)

## 🙏 Acknowledgments

I would like to thank [this youtuber](https://www.youtube.com/@WebDevSimplified)

(back to top)

## 📝 License

This project is [MIT](./LICENSE) licensed.

(back to top)