💻 #3: Build a Calculator With React in less than 30mins 🧮

Easily deploy a calculator app before the weekend is over!

Happy Friday, friend!

Halloween weekend is upon us and if you’re like me, you know there’s nothing scarier than math 👻! That’s why this weekend we’ll be making a Calculator using React.

Tutorial of the week:

Let’s make math’s best friend, a calculator, using React. You can easily get creative with the CSS and deploy your project on Netlify so you can share it with your friends. This tutorial was created by youtuber Tyler Potts. Check out his channel for excellent frontend content.
Length: 26 minutes
Difficulty: Easy

What you’ll learn:

• Setting up a React App with `create-react-app`

• for loops

• javascript methods

• CSS

3 creative projects of the week:

1. React Chat App by Fireship

Built with React and Firebase

Want to see how it’s built? Check out the 7-minute tutorial here

---

2. rafa.design

A personal website is the new resumé/CV and I don’t think anyone does it better than @rafahari. It’s impossible to stand out when your CV is in a pile of other sheets of white paper and black text. A personal website is the best way to stand out as a developer.

Personal websites allow you to show off the work you’ve done in creative ways. Traditional CVs limit you to a single piece of white paper.

---

3. What is the Hubble telescope looking at right now?

Built with React

Space is cool. Space is big. Check out a piece of it with the Hubble Telescope.

It might look like TV static but it’s looking at Hubble is looking at the Ext Star SK-67D207 (whatever that means😄)

---

That’s all folks!

Well, I hope this week’s tutorial helps you get an idea of what’s possible with React.js!

Are you dressing up for halloween? Something scary, like Redux? 😂 Tell me on twitter!

Enjoy your weekend!

Your fellow weekend warrior,

Devan

P.s Looking to play a fun mobile game I can highly recommend MysteryBox Hidden Secrets by @XScoder