freeCodeCamp - Front End Development Libraries Project

Build a JavaScript Calculator

This is my solution to the Build a JavaScript Calculator, the fourth of 5 projects to earn the Front End Development Libraries certification. FreeCodeCamp's mission is to help people learn to code for free.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Overview

The challenge

Fulfill the user stories and get all of the tests to pass. You can use any mix of HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux, and jQuery to complete this project.

Screenshot

Links

• Solution URL: https://github.com/PavlinaPs/javascript-calculator-react
• Live Site URL: https://pavlinaps.github.io/javascript-calculator-react

My process

It took me forever and several attempts, but it finally passes all FreeCodeCamp tests (and also my husband's and children's fooling around :-)). This is my first use of the useReducer hook.

Built with

• React.js

What I learned

I learned really a lot and also I'm happy I could rely on my previous JavaScript knowledge. The order of learning seems to be correct. useReducer first looked very complicated, but in fact it is not and I can see its advantages in maintaining state.

Continued development

I still have a long road ahead of me, learn more hooks, custom hooks, CRUD, APIs, etc.

Useful resources

• Learn useReducer In 20 Minutes - Web Dev Simplified
• The Perfect Beginner React Project - Web Dev Simplified
• regexr.com - a great site for testing regular expression

Author

• Website - My portfolio
• freeCodeCamp - @pavlina1
• Frontend Mentor - @PavlinaPs
• Codewars - PavlinaPs
• Twitter - @PPsarsky

Acknowledgments

It is great that I can learn to code with freeCodeCamp. I really appreciate what they are doing for the coding community. The projects are all very useful for me. All of them. Thank you!