project planner application implemented with Vue.js, HTML and CSS.

Overview

📝 Table of Contents

About

  • project planner application implemented with Vue.js, HTML and CSS.

website description

  • The planner project is app that allow you to:
    • Add projects you want to do.
    • When you finish any project you can click on complete icon.
    • if you want to delete the project click on delete icon.
    • if you click on the project title, you will see the description of the project

Project setup

  • npm install

Compiles and hot-reloads for development

  • npm run serve

Website link

ScreenShots:

Main Screen:

Capture

When you click on "Add Project":

Capture2

If you enter empty title or description it will give you error:

Capture3

When you enter the fields:

Capture4

You will see your new added project in the projects list:

Capture5

If you click on delete icon:

Capture6

If you click on complete icon:

Capture7

you will see the completed project in "COMPLETE" section:

Capture8

in "ONGOING" section you will see projects that you don't finish them:

Capture9

Contributors

Asmaa Adel
Asmaa Adel
You might also like...
Playing around with Laravel, Inertia, and Tailwind to build a sample project management application

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

Let users control your Vue app using AI and their camera in just 1 line of HTML!

Vue Camera Gestures Let users control your Vue app using AI, their camera, and gestures of their choice in just 1 line of HTML! Demo and full document

A Vue directive which renders sanitised HTML dynamically

vue-safe-html A Vue directive which renders sanitised HTML dynamically. Zero dependencies, compatible with Vue versions 3 and 2, TypeScript-ready. Ins

Proyecto Ejemplo with HTML 5 + CSS3 + VUE JS

appcom360 Aplicacion para generar los archivos planos Build Setup # install dependencies npm install # serve with hot reload at localhost:8080 npm ru

Enable tap, swipe, touch, hold, mouse down, mouse up events on any HTML DOM Element in vue.js 3.x.
Enable tap, swipe, touch, hold, mouse down, mouse up events on any HTML DOM Element in vue.js 3.x.

vue3-touch-events Enable tap, swipe, touch, hold, mouse down, mouse up events on any HTML DOM Element in vue.js 3.x. The easiest way to make your inte

HTML sanitizer for Vue.js 3 apps

vue-3-sanitize HTML sanitizer for Vue.js 3 apps. You want to use v-html? You might need to sanitize the code. This plugin is built for Vue 3 apps. It

Generate documentation for swagger-vue with templates (markdown or html)

Generate documentation for swagger-vue with templates (markdown or html)

Vue.js html/page title manager
Vue.js html/page title manager

Vue.js html/page title manager

Resize the font-size in rem units so that the text fits into the html element.
Resize the font-size in rem units so that the text fits into the html element.

v-fit2box directive for Vue3 Resize the font-size in rem units so that the text fits into the html element. In other words the font size is smaller fo

Owner
Asmaa Adel
Computer Engineering Student, Faculty of Engineering, Cairo University
Asmaa Adel
Learning Resources App is a simple web application built using Vue js, HTML, CSS, and JavaScript

Learning Resources App is a simple web application built using Vue js, HTML, CSS, and JavaScript

norhan reda 4 Sep 4, 2022
This project is based on Codepen and use vuejs to render a live view html/js/css of your code

Homemade Codepen This project is based on Codepen, and use vuejs to render a live view html/js/css of your code. Features Live preview of your code Ed

Erwan Martin 2 May 6, 2022
Cron Generator Implemented by Vue.js and Element-ui(基于Vue&Element-UI构建的在线Cron表达式生成器)

vue-cron-generator a project using vue,element-ui to generate cron expression 中文 Online demo Used by ?? Attemper: A distributed,multi-tenancy,job-flow

党羚(ldang) 87 Jul 31, 2022
Ft transcendence - A single-page website to play pong, with a chat and an account system implemented

Welcome to my ft_transcendence repository ?? ⭐️ The aim of this project is to bu

Alexandre de Garrigues 0 Jan 11, 2022
Applications for any device with HTML, CSS and JavaScript - free and open source!

App Framework App Framework development has ended. I recommend using the Framework7 CLI instead. iOS and Android Apps with HTML & JavaScript - App Fra

null 647 Oct 4, 2022
Agnosticui - a set of UI primitives that start their lives in clean HTML and CSS

AgnosticUI is a set of UI primitives that start their lives in clean HTML and CS

null 488 Sep 24, 2022
Vue sample project to display an ESPN RSS feed as HTML

vue-rss-espn Project overview I built this project to learn Vue development. It accesses the ESPN NFL RSS feeds using a proxy to translate xml to json

Dan 1 Sep 23, 2022
This project contains the main feature that can demonstrate the typing effect, using different HTML tags.

This project contains the main feature that can demonstrate the typing effect, using different HTML tags. It was inspired when I was creating my own project and need writing animation, but the components that I found, it is creating spans and I need to manage the text as a label, so my word doesn't seem cut in half.

Ming Tsai 3 Sep 10, 2021
Web Application for Cloud-based Enterprise Application Development

Web Application for Cloud-based Enterprise Application Development

Pornteera Pakdee 2 May 2, 2022
MKTemplate is Free and Open Source. It features multiple HTML and VueJS elements and it comes with dynamic components for VueJS

MKTemplate A beautiful UI . Start your Web Site with this bootstrap and VueJS UI . MKTemplate is Free and Open Source. It features multiple HTML and V

Moutawakkil Mohammed 10 May 31, 2022