Calculator app

A calculator app made with React and TypeScript

Site: https://psilva999.github.io/calculator/

Technologies

• React.tsx

• TypeScript

• HTML

• CSS

• SCSS

What i applied in the project:

• Responsive Design
• styled components
• Props
• Css variables
• Dark/white/purple mode

---

vite:

npm init vite

cd nome-app

npm install

npm run dev

...

npm install styled-components react npm install @types/styled-components

Github-page

--Create a remote repo

0 - git remote remove origin

1 - git init

2 - git add .

3 - git commit -m 'config github-page'

4 - git branch -M main

<-- 5 - git remote add origin https://link-from-git-repo -->

6 - git push -u origin main

--Change vite.config.js

1 - open vite.config.js 2 - export default defineConfig:

export default defineConfig({ base: '/name-site/', plugins: [framework()] })

---

0 - npm run build

1 - git add dist -f

2 - git commit -m 'github-page on'

3 - git subtree push --prefix dist origin gh-pages