META Calculator
By 7 May 2023, less than one month into this META course, I had reviewed HTML and CSS, been taught JavaScript, GitHub, Jest, and React. It was time to create something in React. The project was to create a simple calculator and upon completion, I'd be moving on to what they called 'Advanced React'. This is that journey.
Simple React Calc: CodePen
Advanced JS Calc: GitHub
Project Requirements:
Lessons Learned: Completing this calculator, I gained a deeper understanding on how to use reusable components to render views where data changes, to create more scalable and maintainable websites and apps, to use props to pass data between components, to create dynamic and interactive web pages and apps, and to build an application in React.
Continued Development: I was, needless to say, thrilled that I struggled through the JavaScript and React material portions of the course and was able to produce a functional piece of code. However, looking back, there are a number of things I would have made differently. They include: making it look like a calculator by adding a number pad, changing the buttons to resemble more commonly found buttons, and adding a bit more functionality, such as using percentages. This would be a great project to revisit in the future.