Simple calculator using Vue 3, Vite, Typescript and TailwindCSS

Overview

Calculator

A simple calculator app built to explore new features on Vue 3, like the composition API, in use with Typescript, and tailwind CSS.

Built With

  • Vue - "A progressive, incrementally-adoptable JavaScript framework for building UI on the web."
  • Vite - "A build tool that aims to provide a faster and leaner development experience for modern web projects"
  • Typescript - "An open-source language which builds on JavaScript, adding static type definitions."
  • Tailwind CSS - "A utility-first and fully responsive CSS framework."

Demo

Demonstration online by GitHub Pages on this link.

Project setup

npm install

Compiles and hot-reloads for development

npm run dev

Compiles and minifies for production

npm run build

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Issues
  • Create LICENSE

    Create LICENSE

    opened by lucas-santosP 0
  • Adding unit test in the components

    Adding unit test in the components

    opened by lucas-santosP 0
  • Add Cypress Component Testing

    Add Cypress Component Testing

    Hi!

    To follow up on this post I thought I'd share a new tool I'm working on - Cypress Component Testing. It looks like this:

    image

    It's a browser based runner that uses Vue Test Utils deep under the hood. You can write tests and watch them execute in real time. It's super fun.

    We have a Vite dev server - I added that, too. It's really alpha and probably has some bugs. You can try it with yarn test:e2e or yarn cypress open-ct.

    Let me know if you have any feedback! Just thought you might want to check it out if you are interested in automated testing.

    opened by lmiller1990 1
Owner
Lucas S. Policarpo
Javascript Developer, focused on web Front-End.
Lucas S. Policarpo
Simple calculator using Vue 3, Vite, Typescript and TailwindCSS

A simple calculator app built to explore new features on Vue 3, like the composition API, in use with Typescript, and tailwind CSS.

Lucas S. Policarpo 5 May 17, 2021
Vue Auto Loan Calculator

Vue Auto Loan Calculator

Januartha 3 Jul 19, 2021
โšก Fast Vue Language Support Extension

Volar is a Language Support plugin built specifically for Vue 3. It's based on @vue/reactivity to calculate TypeScript on-demand to optimize performance similar to the native TypeScript language service.

Johnson Chu 1.1k Jul 25, 2021
GUI tool to explore Slash Commands of your bot, built on Vue 3 and TailwindCSS ๐Ÿš€

Slash Commands GUI Graphical User Interface to explore Slash Commands of your bot, built on Vue 3 and TailwindCSS ?? Features Everything you can do wi

Androz 71 Jul 23, 2021
Vue sticky is a simple sticky notes application which can be draggable.

Vue sticky is a simple sticky notes application which can be draggable.

Sujith D 7 Jun 28, 2021
Matteo Bruni 2.1k Jul 26, 2021
Keep yourself in the zone and focus in the moment.

Zen. is a productivity app that integrates Eisenhower Matrix, Pomodoros, and part of the Get Things Done (GTD) principles in a unique way, to improve your developer routine. The purpose of Zen is to help you staying in the zone.

Jesus Guerrero 11 Jul 10, 2021
Custom your personal dashboard from some component

Dashboard Custom your personal dashboard from some components. Writed by Vue3, Vite, Typescript. Simple Demo from Github pages Simple Demo from author

Leon-kfd 12 Jul 23, 2021
Very simple, yet powerful, vue emoji picker ๐ŸŽ‰๐Ÿ”ฅ๐Ÿš€

Highly-customizable emoji picker for Vue 2 Table of contents Demo Installation With npm With a CDN Import With an ES6 bundler (via npm) Use per compon

Dariusz Czajkowski 233 Jul 21, 2021
A complete course on Vue.js 3. Options/Composition API, Vuex + Vue Router.

Complete Vue.js 3 (Inc Options + Composition API, Vue Router and Vuex) Hi! Welcome to my course on Vue.js 3. Let's have a great time learning Vue.js 3

Lachlan Miller 18 Jul 10, 2021
Vue Simple Password Meter is a simple password strength meter component written in vanilla js and extremly lightweight

News: Are you using Vue 3? Check out Vue Simple Password Meter v1 vue-simple-password-meter Vue Simple Passwod Meter is a simple password checker writ

Milad Dehghan 45 Jul 23, 2021
Simple Trivia Service - a Serverless Single- and Multi-player Trivia Game

Simple Trivia Service - a Serverless Single- and Multi-player Trivia Game This example application shows how to build both single and multiplayer game

AWS Samples 62 Jul 19, 2021
empower your web browsing into actionable knowledge

Studium retain, recall, and start remembering information and ideas from your websites Explore the docs ยป View Demo ยท Report Bug ยท Request Feature Pro

null 4 Jun 17, 2021
โšก A beautiful Lanyard visualizer tool to display your Discord status online! Works with Spotify and all RPCs!

A service to see your Discord status online easy and for free with the help of the Lanyard API! To use this service, you have to be in Lanyard's Discord server so that it could monitor you, you can find the invite link in Lanyard's GitHub repository.

EGGSY 22 Jul 20, 2021