Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/187jjay187/math-magicians


https://github.com/187jjay187/math-magicians

Last synced: 15 days ago
JSON representation

Awesome Lists containing this project

README

        

logo

Microverse README Template

# 📗 Table of Contents

- 📖 About the Project(#about-project)
- 🛠 Built With(#built-with)
- Tech Stack(#tech-stack)
- Key Features(#key-features)
- 🚀 Live Demo(https://)
- 💻 Getting Started(#getting-started)
- Setup(#setup)
- Prerequisites(#prerequisites)
- Install(#install)
- Usage(#usage)
- Run tests(#run-tests)
- Deployment(#triangular_flag_on_post-deployment)
- 👥 Authors(#authors)
- 🔭 Future Features(#future-features)
- 🤝 Contributing(#contributing)
- ⭐️ Show your support(#support)
- 🙏 Acknowledgements(#acknowledgements)
- ❓ FAQ(#faq)
- 📝 License(#license)

# 📖 Math Magicians

**Math Magicians** create a calculator single page application using basic UI design/wireframes

## 🛠 Built With
- HTML
- CSS
- Javascript (ES6)
- Reacts

### Tech Stack

- HTML
- CSS
- JavaScript
- Reacts
- API's
- Webpack

### Key Features

- **load/display likes and comments from the api**
- **add likes and comments to the api**
- **button functionality and input field required**

(back to top)

## 🚀 Live Demo

- Live Demo Link([http://localhost:8080/](https://187jjay187.github.io))

## 🚀 Project Update Details

- in this update i've added onClick events to the calculator buttons and given them logic as mentioned in this third/3rd project milestone

(back to top)

## 💻 Getting Started

> To get a local copy up and running, follow these steps.

### Prerequisites

In order to run this project you need:

- Have a local version control like Git. Which is a open source distributed version control system designed for source code management
- A text editor (e.g Visual Studio Code, Vim, Atom & Sublime.)
- A web browser (e.g Chrome, Safari, Mozilla Firefox.)
- Live Server which is a web extension that helps you to live reload feature for dynamic content (PHP, Node.js, ASPNET)
- Download waves to check project accessibilty

### Setup

Clone this repository to your desired folder:

To get a local copy up and running follow these simple example steps.

- npm
```sh
npm install npm@latest -g
```

### Install

Install this project with:

1. Clone the repo by running the command
```sh
git clone https://github.com/187jjay187/CSP2.git
```
2. Open the directory of the project
```sh
cd leaderboardsetup
```
3. Open the directory of the src
```sh
cd src
```
4. Open the html file
```sh
Click and open the html file
```
5. Please install the node module by running this command on the terminal
```sh
npm install
```
6. Please run the following to render on the browser
```sh
npm start
```

### Usage

To run the project, execute the following command:

1. Please run the following to render on the browser
```sh
npm start
```

(back to top)

👤 **Jerome Jay**

- GitHub: @githubhandle(https://github.com/187jjay187)
- Twitter: @twitterhandle(https://twitter.com/187jjay187)
- LinkedIn: LinkedIn(https://linkedin.com/in/jerome-osman-137605a4)

👤 **Jorge**

- GitHub: @githubhandle(https://github.com/jorgegoco)
- Twitter: @twitterhandle(https://twitter.com/JorgeGo78017548)
- LinkedIn: LinkedIn(https://www.linkedin.com/in/jorge-gonz%C3%A1lez-b1a50714b/)

(back to top)

## 🔭 Future Features

- **css to complete styling**

(back to top)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page(https://github.com/187jjay187/CSP2/issues).

(back to top)

## ⭐️ Show your support

If you like this project...

(back to top)

## 🙏 Acknowledgments

I would like to thank...

(back to top)

## ❓ FAQ

- **Question_1**

- what are the prerequisites

- **Question_2**

- how do i go about installing it

(back to top)

## 📝 License

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

(back to top)