/Math-magicians2

Main learning points: Use React in a complete application. Done while doing Microverse Coding School.

Primary LanguageJavaScriptMIT LicenseMIT

Math Magician

📗 Table of Contents

📖 React Math Magicians

This is react project that includes a real calculator for basic operations with operants. It will have many branches and clear commit messages.

🛠 Built With Love and Passion

Tech Stack

Client

Key Features

  • Complete APP with 3 SPA views, without Create React App.
  • Routing System using React Route and Improved Styling for all pages/Nav (Hovers);
  • Fetch Quotes on the end of the Calculator.
  • Functional Components using React
  • Improved Layout
  • Component that created all the styling.
  • React Html/Css/JavaScript best paractice
  • Using gitflow and GitHub flow

(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:

Download Project Files from github.

Setup

Clone this repository to your desired folder:

Install

Install Node Package by running:

  • npm install

Usage

  • In other to use the repo you either to create a branch to create new features.
  • But in order to run the project use the commands below:
    • npm run build (It will create a production ready file)
    • npm start (It will run the server on your local machine)

Run Linters (Testing)

I have added Linters different kinds of Linters to help avoid typos and ensure the best practices of the code base. So while using this repository if you need to check your work no matter if you have worked on HTML or CSS, or even JS you can use the commands below.

  • To run the linter test on index.html or any HTML file. Use the below command: npx hint .

-To run linter test on Stylesheets (CSS or sass). Use the below command: npx Stylelint "**/*.{css,scss}"

  • To run linter test on ES Lint (JS). Use the below command: npx eslint .

Deployment

(back to top)

👥 Authors

👤 Author Glauber Bannwart

(back to top)

🔭 Future Features

  • Implement testing with weekly coding partner (next PR);

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome! Please consider this issue link: Project Issues

⭐️ Show your support

If you like this project kindly leave a star!

(back to top)

🙏 Acknowledgments

We are gratefull of Microverse collaborators for creating such an amazing envirnment that we can work and learn.

📝 License

This project is MIT licensed.

(back to top)