Git Product home page Git Product logo

maths-magician's Introduction

logo

Microverse README Template

๐Ÿ“— Table of Contents

๐Ÿ“– Maths Magicians project

Maths Magicians is a Single Page App (SPA) that allows users to perform some basic calculations.

๐Ÿ›  Built With

  • React

Key Features

  • Create a git flow
  • Use functional Component
  • Use state and props
  • Use destructuring method
  • Use routing method
  • Test the functionality
  • Display quotes from API

(back to top)

๐Ÿš€ Live Demo

Project Screenshots

Home page

(back to top)

๐Ÿ’ป Getting Started

Prerequisites

In order to run this project you need:

  • git: A tool for managing source code
  • Visual Studio Code: A source code editor
  • Have a working and updated browser
  • Have a local version control like git installed on your computer
  • Have an account and sign in on GitHub, as online/remote version control system
  • Basic knowledge in JS and React-JS

Setup

To get a local copy of this project up and running, follow these steps.

  • copy this link.
  • get to the directory that you want to clone the repository.
  • open the command prompt in this directory.
  • write git clone github.com/Donmark2k/maths-magicians.git
  • go to the repository folder in your command prompt cd maths-magicians
  • write code . to open the project in visual studio code.

Install

To install this project in your local machine use

  • Goto the terminal in Visual Studio code by pressing ctrl '
  • Install the project dependencies by typing: npm install in the terminal.

Usage

To run the project, execute the following command:

  • In visual studio terminal type npm start then the project will open on your browser "http://localhost:3000".

Run tests

  • npx stylelint "/*.{css,scss}"**: To test css code
  • npx stylelint "**/*.{css,scss}" --fix: To fix some CSS errors if found.
  • npx eslint . : To test Eslint Report
  • npx eslint . --fix: To fix some JS errors if found

To test the application

  • npm install --save-dev jest
  • npm test

Deployment

You can deploy this project using:

  • Netlify

follow these steps for example on how to deploy on netlify

(back to top)

๐Ÿ‘ฅ Authors

๐Ÿ‘คChukwuemeka Ochuba

(back to top)

๐Ÿ”ญ Future Features

  • I will add time and date below the nav bar
  • I will add a footer

(back to top)

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

โญ๏ธ Show your support

Victor Chiemerie has been of tremendous help so far.

  • Give a โญ๏ธ if you like this project!

(back to top)

๐Ÿ™ Acknowledgments

I would like to appreciate Microverse for providing the resources and the platform for us to be a Professional full-stack developer.

(back to top)

โ“ FAQ (OPTIONAL)

  • [Are you sure that you are owner of this work]

    • [Yes]

(back to top)

๐Ÿ“ License

This project is MIT licensed.

(back to top)

maths-magician's People

Contributors

donmark2k avatar

Stargazers

Alice Mirigo avatar Menekam Kenmogne Rudy avatar  avatar Cindy Kandie avatar Ayo Moses avatar  avatar Joshua Lyngdoh avatar Eje Nathaniel avatar Samuel Amankwaa-Frempong avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.