A Simple Calculator Built with React.js

Simple Calculator

This is a simple calculator built with ReactJs. The purpose is to use React Class Component without hooks in order to get familiar with legacy code. It later refactors the class components into functional components using React Hooks.




  • ReactJs
  • Material UI
  • JavaScript

Live Demo

Live Demo Link

Getting Started

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

  1. git clone
  2. cd simple-calculator
  3. git checkout feature/milestone-1
  4. npm i
  5. npm run dev to run the server in development mode.
  6. npm run build to create an optimized production build.
  7. npm run start to run the production build locally.
  8. Open your favorite browser @

This project was bootstrapped with Create React App.


  • Run npm run test to test the app.


  • A modern browser


👤 Emanuel Okello

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

  1. Fork it (https://github.com/oxenprogrammer/simple-calculator)
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am ‘Add some feature’)
  4. Push to the branch (git push origin my-new-feature)
  5. Create a new Pull Request

Show your support

Give us a ⭐️ if you like this project!


  • MIcroverse

Download Details:

Author: oxenprogrammer
The Demo/Documentation: View The Demo/Documentation
Download Link: Download The Source Code
Official Website: https://github.com/oxenprogrammer/simple-calculator
License: This project is MIT licensed.

#react #reactjs #javascript

A Simple Calculator Built with React.js