An open API service indexing awesome lists of open source software.

https://github.com/thuyencode/calculator

Build a JavaScript Calculator | freeCodeCamp
https://github.com/thuyencode/calculator

freecodecamp react

Last synced: about 1 month ago
JSON representation

Build a JavaScript Calculator | freeCodeCamp

Awesome Lists containing this project

README

          

# ~~JavaScript~~ TypeScript + React Calculator | A project for freeCodeCamp

[![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)](https://tailwindcss.com) ![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB) ![Vite](https://img.shields.io/badge/Vite-ffab03?style=for-the-badge&logo=vite&logoColor=white) [![freeCodeCamp](https://img.shields.io/badge/Built%20for-freeCodeCamp-1f425f.svg?style=for-the-badge&logo=freecodecamp&logoColor=white)](https://www.freecodecamp.org/learn/front-end-development-libraries/front-end-development-libraries-projects/build-a-javascript-calculator)

Based of Web Dev Simplified's tutorial: [The Perfect Beginner React Project](https://youtu.be/DgRrrOt0Vr8).

[![React Calculator's responsive design](https://i.ibb.co/LRjRNvG/thuyencode-github-io-2023-07-09-16-30-20.png)](https://ibb.co/Jt6t3Ch)

## How to run

```text
git clone https://github.com/thuyencode/calculator
cd calculator
npm i && npm run dev
```

If you want to build it:

```text
npm run build
npm run preview
```