An E-commerce Website with VueJs and Firebase

Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Run your unit tests npm run test:unit Lints and fixes files npm run lint GitHub View Github ... more

Vue input component with built in validation

valid-input Installation npm install @harv46/valid-input You can import the library directly to components <script> import { VInput } from "@harv46/valid-input"; import "@harv46/valid-input/dist/style.css"; </script> Basic ... more

A static SPA website which is made in aspect of a IT company

Website Overview Visit the website by clicking the image below. Features Responsive Dark Mode Support Modular Follow convention to add content to website. For example adding new “Pricing Item” inside “Pricing” will only require a dictionary containing ... more

Add you favourite chicken Mcnugget picture to be added in the main listing

Context On week 4 of my training with CodeOp in 2023, I had to use Vue to build a SPA (Single Page Application). Use Vue components to build a website portfolio. Pass props to child components and propogate changes back up to parent components. Use state ... more

A lightweight and controllable audio visualization vue3 plugin

1llest-waveform-vue A lightweight and controllable audio visualization vue3 plugin Description This component is written using the native Web Audio API, and does not use any dependencies other than vue3 in the production environment. Of course, this ... more

A programmatically invoked Vue dialog

Programmatically-callable vue-dialog Installation Install the plugin npm i vue-dialog Add it to your main.js // main.js import { createApp } from 'vue' import App from './App.vue' import VueDialog from 'vue-dialog' import 'vue-dialog/dist/style.css' const ... more

The Sample CodeBase how to generate graphs using Vuejs

Installation Guidelines Make sure Node.js is installed on your PC, then simply download or clone this repo and install all dependencies: $ git clone https://github.com/ConnectBhawna/Chart_SampleCodeBase.git $ cd Chart_SampleCodeBase $ npm install ), insert ... more

A shitty Todo app from scratch

Vuetify Todo app Link Introduction In this example project, I learn how to use Vuetify along with Vue JS and Vuex to build a shitty Todo app from scratch. As a result the app looks very shitty on both desktop and mobile devices. I use a little Vuetify ... more

Full Stack Employee Manage System built using Robust VueJS and NodeJS

Employee-Management-System Employee Preview Go to the Employee folder and read readme.md for the installation guide: Link Admin Preview Go to the Admin folder and read readme.md for the installation guide: Link GitHub View Github ... more

Single page chat application in MEVN stack

Single page chat application in MEVN stack In this article, we are going to provide you with a free course to develop a full-fledged realtime chat app in MEVN (MongoDB, Express, Vue JS, and Node JS) Stack. Here M stands for MongoDB which we have used ... more

A simple Nuxt 3 module to show info about your battery device

Nuxt Battery module A simple Nuxt 3 module to show info about your battery device. 📖 Read the documentation 💥 Try the demo Features Nuxt 3 with composables Nuxt 3 component battery-status imported automatically TypeScript support Install Add nuxt-battery ... more

Live broadcast information and countdown of New Year's Eve

nYear Live broadcast information and countdown of New Year’s Eve. Develop You need Node.js and npm . Install npm i Build npm run build Serve npm run dev Logo <div style={{ height: '100%', width: '100%', backgroundImage: 'radial-gradient(circle at ... more

A vue side project for a basketball recorder

Basketball_Recoder This is a web side project for a basketball recorder. The website is deployed on GitHub pages. Recommand to use iPad for better user experience. Tutorial Web_practice repository records all my practices of web related topic, including ... more

A sample voice conversation app built using OpenAI Whisper and Vue.js

openai-whisper-talk openai-whisper-talk is a sample voice conversation application powered by OpenAI technology such as Whisper, an automatic speech recognition (ASR) system, and Text completion endpoint, an interface to generate or manipulate text. The ... more

Shitty Todo app built with Vuetify

Shitty Todo app Link Introducton In this example project, I learn how to use Vuetify along with Vue JS and Vuex to build a shitty Todo app from scratch. As a result the app looks very shitty on both desktop and mobile devices. I use a little Vuetify components ... more

A tool to help you create and manage your adventures and enemies with the help of GPT-3

Fantasy Fabricator A tool to help you create and manage your adventures, characters, and enemies with the help of GPT-3. Features Adventure Builder: Generate unique and exciting adventure ideas. Planned Features NPC Generator: Generate detailed and compelling ... more

A Vue 3 component library for THREE.js made with TypeScript and Composition API

Drie Drie is a Vue 3 component library for three.js inspired by react-three-fiber and TroisJS . It is made with TypeScript and Composition API. Explore the docs Getting started Installation Drie can be installed from npm and always supports the latest ... more

A Personal portfolio built with Vue, Bootstrap and Firebase

Personal Portfolio My personal portfolio built with Vue, Bootstrap & Firebase. Everything is included. Written in VueJS, Bootstrap and Tailwind CSS! Visit Now Porftolio URL Visit Portfolio Features [특징] Simple and responsive design Vue.js v3 with ... more

A Vue component for drag & drop demand made with Vue 3

vue-flexable-dnd A simple and powerful drag&drop component for Vue developers Thank you for install vue-flexable-dnd component ——— A drag and drop component developed for vue, which can sovle the problem that other dnd components can’t do，like can ... more

Stories like in Instagram based on Swiper and Vue 3

vue-stories Demo: https://alexovn.github.io/vue-stories/ Project Setup npm install Compile and Hot-Reload for Development npm run dev Compile and Minify for Production npm run build GitHub View Github ... more

Tic tac toe game developed using Vue.js

👋 Hi, I’m Shiv Srivastava A Full-Stack developer from India Tic Tac To Game Tic tac to game developed using Vue.js, just to learn the gaming and programming logic behind this game. Play online https://tic-tac-toe-game-vuejs.vercel.app/ want to install ... more

A Vue App to help you with your shopping list

vue-shopping-list This App is here to help you with your shopping list. If you want to install it just follow the Project Setup. Project setup git clone npm install npm run serve Some Screenshots for you: GitHub View Github ... more

Static Generated Progressive food delivery web app using NuxtJS

FoodFire – Nuxt2.x + Fireabase + Vue2.x Static Generated Progressive food delivery web app using NuxtJS + Firebase Quick start Make sure you have Node version >= 10.x, NPM >= 6.x Yarn version >= 1.x Clone the repo git clone https://github.com/itswadesh/foodfire.git ... more

Volar plugin for route custom block in Vue SFC

volar-plugin-vue-router Volar plugin for IntelliSense in <route> custom block in Vue SFC. Inspired by built-in json plugin of Volar. ⚠️ This plugin is experimental. If you found any issue, design flaw, or have ideas to improve it, don’t hesitate ... more

Dynamic island Player using Vue.js and Howler.js

dynamic-island-player a vue-audio-player based on Howler.js Demo https://zhichao8756.github.io/player-demo/ Install $ npm i js-dynamic-island-player Quick Start import { DynamicIslandPlayer } from 'js-dynamic-island-player' import "../node_modules/js-dynamic-island-player/style.css"; ... more

A landing with your favorite social media links and other cool stuff

Social Media Links Page About The Project This is a simple project that I made to practice my HTML and CSS skills. I wanted to make a simple page that would show my social media links and a little bit about me. I also wanted to make it responsive so that ... more

Convenient Vue wrapper for the add to calendar button snippet, which lets you reliably create beautiful buttons

The Add to Calendar Button – optimized for Vue 3 This is a wrapper repository for the popular Add to Calendar Button, making it even more convenient, to create beautiful buttons in Vue, where people can add events to their calendars. This is for everybody, ... more

No-code tailwindcss and Vuejs editor

Tailwind + Vue No-code editor There has been much talk about no-code lately. This movement tries to approach software development to non-developers, offering tools that allow them to create and modify applications without using code. The benefits of no-code ... more

A quiz app using Vue.js and the OpenTDB API

Quiz App A quiz app using Vue.js and the OpenTDB API. Overview The project A quiz game using the Open Trivia Database API, giving the user the possibility of choosing the game theme, difficulty and number of questions Screenshot Links Live Site URL Process ... more

Who Wants to be a Millionaire template with Vue.js

🤑 Millionaire “Who Wants to be a Millionaire?” template. Technologies Frontend: Tailwind CSS + Vue.js Usage Clone this repo. $ git clone https://github.com/orhanemree/millionaire.git $ cd millionaire $ npm i $ npm run dev Edit getQ() function in /src/App.vue ... more