https://github.com/juliolmuller/studying-vuejs

Basic project to practice Vue.js knowledge..
https://github.com/juliolmuller/studying-vuejs

crud todo-list vuejs

Last synced: about 22 hours ago
JSON representation

Basic project to practice Vue.js knowledge..

• Host: GitHub
• URL: https://github.com/juliolmuller/studying-vuejs
• Owner: juliolmuller
• License: mit
• Created: 2020-04-07T23:52:00.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2021-05-10T23:05:51.000Z (over 3 years ago)
• Last Synced: 2023-03-05T06:29:02.724Z (over 1 year ago)
• Topics: crud, todo-list, vuejs
• Language: Vue
• Homepage: https://juliolmuller.github.io/studying-vuejs/
• Size: 1.87 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  :books: Simple CRUD with Vue.js





  Lessons Learned   |   

  Technologies   |   

  Environment Setup   |   

  Features





  

  

  

  

  



![Application snapshot](./src/assets/app-overview.jpg)

CRUD application developed during [Cod3r's official Vue.js course](https://www.udemy.com/course/vue-js-completo/), on Udemy.

[Check out the application running!](https://juliolmuller.github.io/studying-vuejs/)

## :trophy: Lessons Learned

- Vue.js 2/3 project structure;

- `LocalStorage` API;

- Styling techniques;

- Configuring Vite project with TypeScript

## :rocket: Technologies & Resources

**Frontend:**

- Vue.js ~~2~~ 3

**Development:**

- Visual Studio Code

- ~~Vue CLI~~Vite & Node.js routines

## :hammer: Setting up the Environment

Make sure to have **Node.js 10+** installed in your machine and its **npm** available in the command line, then use the following routines:

```bash

$ npm install     # Download dependencies

$ npm run dev     # Run development server

$ npm run build   # Build files for production

$ npm run prod    # Run server to preview app in production

```

## :zap: Features Implementations

- [x] Upgrade to Vue 3 and use Composition API;

- [x] Restore saved tasks from browser's local storage;

- [x] Create new tasks;

- [x] Mark existing tasks as completed;

- [x] Delete existing tasks;

- [x] Persist changes to browser's local storage;

- [x] Indicator of tasks completeness;

- [ ] Fix application responsiveness on smaller screens;