Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/shoaib-fateh/app-calculator

Simple Calculator App built with React.
https://github.com/shoaib-fateh/app-calculator

css html javascript reactjs sass

Last synced: about 1 month ago
JSON representation

Simple Calculator App built with React.

Awesome Lists containing this project

README

        


APP-CALCULATOR


Simple Calculator App built with React.



Developed with the software and tools below.



JavaScript
HTML5
PostCSS
Jest
Webpack


React
ESLint
SemVer
JSON



## ๐Ÿ”— Quick Links

- [๐Ÿ“ Overview](#-overview)
- [๐Ÿ“ฆ Features](#-features)
- [๐Ÿ“‚ Repository Structure](#-repository-structure)
- [๐Ÿš€ Getting Started](#-getting-started)
- [โš™๏ธ Installation](#๏ธ-installation)
- [๐Ÿค– Running app-calculator](#-running-app-calculator)
- [๐Ÿงช Tests](#-tests)
- [๐Ÿ›  Project Roadmap](#-project-roadmap)
- [๐Ÿค Contributing](#-contributing)
- [๐Ÿ“„ License](#-license)
- [๐Ÿ‘ Acknowledgments](#-acknowledgments)

---

## ๐Ÿ“ Overview

This project is a simple calculator application built using React. It provides basic arithmetic operations and a history feature to track previous calculations.

---

## ๐Ÿ“ฆ Features

- Addition, subtraction, multiplication, and division operations.
- History of previous calculations.
- Responsive design for various screen sizes.

---

## ๐Ÿ“‚ Repository Structure

Here's the directory structure of your app-calculator repository:

```sh
โ””โ”€โ”€ app-calculator/
โ”œโ”€โ”€ README.md
โ”œโ”€โ”€ package-lock.json
โ”œโ”€โ”€ package.json
โ”œโ”€โ”€ build/
โ”‚ โ”œโ”€โ”€ asset-manifest.json
โ”‚ โ”œโ”€โ”€ favicon.ico
โ”‚ โ”œโ”€โ”€ index.html
โ”‚ โ”œโ”€โ”€ logo192.png
โ”‚ โ”œโ”€โ”€ logo512.png
โ”‚ โ”œโ”€โ”€ manifest.json
โ”‚ โ””โ”€โ”€ robots.txt
โ”œโ”€โ”€ config/
โ”‚ โ”œโ”€โ”€ env.js
โ”‚ โ”œโ”€โ”€ getHttpsConfig.js
โ”‚ โ”œโ”€โ”€ jest/
โ”‚ โ”‚ โ”œโ”€โ”€ babelTransform.js
โ”‚ โ”‚ โ”œโ”€โ”€ cssTransform.js
โ”‚ โ”‚ โ””โ”€โ”€ fileTransform.js
โ”‚ โ”œโ”€โ”€ modules.js
โ”‚ โ”œโ”€โ”€ paths.js
โ”‚ โ”œโ”€โ”€ webpack/
โ”‚ โ”‚ โ””โ”€โ”€ persistentCache/
โ”‚ โ”‚ โ””โ”€โ”€ createEnvironmentHash.js
โ”‚ โ”œโ”€โ”€ webpack.config.js
โ”‚ โ””โ”€โ”€ webpackDevServer.config.js
โ”œโ”€โ”€ public/
โ”‚ โ”œโ”€โ”€ favicon.ico
โ”‚ โ”œโ”€โ”€ index.html
โ”‚ โ”œโ”€โ”€ logo192.png
โ”‚ โ”œโ”€โ”€ logo512.png
โ”‚ โ”œโ”€โ”€ manifest.json
โ”‚ โ””โ”€โ”€ robots.txt
โ”œโ”€โ”€ scripts/
โ”‚ โ”œโ”€โ”€ build.js
โ”‚ โ”œโ”€โ”€ start.js
โ”‚ โ””โ”€โ”€ test.js
โ””โ”€โ”€ src/
โ”œโ”€โ”€ App.css
โ”œโ”€โ”€ App.js
โ”œโ”€โ”€ App.test.js
โ”œโ”€โ”€ btn.jsx
โ”œโ”€โ”€ index.css
โ”œโ”€โ”€ index.js
โ”œโ”€โ”€ logo.svg
โ”œโ”€โ”€ reportWebVitals.js
โ””โ”€โ”€ setupTests.js
```

## ๐Ÿš€ Getting Started

To get started with the app-calculator, follow these steps:

### โš™๏ธ Installation

1. Clone the repository:
```sh
git clone https://github.com/shoaib-fateh/app-calculator.git
```
```sh
cd app-calculator
```

2. Install dependencies:
```sh
npm install
```

3. ๐Ÿค– Running app-calculator
To start the app-calculator locally, run:
```sh
npm start
```

3. ๐Ÿงช Tests
```sh
npm test
```
```vbnet
Please let me know if there are any further modifications or additions you'd like to make!
```

## ๐Ÿค Contributing
Contributions are welcome! Here's how you can contribute:
* Submit Pull Requests: Contribute code improvements or features.
* Report Issues: Help identify bugs, request features, or ask questions.
* Join Discussions: Participate in ongoing conversations.