beatrizsmerino / vue-todolist Goto Github PK

View Code? Open in Web Editor NEW

38.0 38.0 14.0 40.5 MB

To do list made with vue.js

Home Page: https://beatrizsmerino.github.io/vue-todolist/

HTML 1.18% JavaScript 42.04% Vue 42.28% SCSS 10.03% Shell 4.42% Scala 0.05%

eventbus localstorage todolist vue vue-components vue-font-awesome vue-todolist vue-transition vuex

vue-todolist's Introduction

Hi there!

Profile | Skills | Events | Stats

Welcome to my profile!
I am Beatriz Sopeña Merino, 💻 Website Developer and 🎨 Graphic Designer from Madrid, Spain.
Currently, I work from home for a company as a 💼 Senior Frontend Developer and sometimes I am also involved in several freelance projects.
I have a strong passion for continuous 🎓 learning and sharing my expertise with others. In my free time, I contribute to open source projects like Hacktoberfest, you will always find me taking a course or diving into something new to enhance my skills. When I am not coding or designing, I enjoy watching 🎬 movies and series, 🎮 playing video games or 🥾 hiking.

Design
Frontend
Backend
Project documentation
Project configuration
Task runners
Version Control
Project management
Code editors
Browsers
OS
Learn and share code
Hobbies

Hacktoberfest

2023	2022	2021	2020	2019

🐱 My GitHub Data

📦 1.3 MB Used in GitHub's Storage

🚫 Not Opted to Hire

📜 29 Public Repositories

🔑 5 Private Repositories

I'm a Night 🦉

🌞 Morning                4856 commits        ███░░░░░░░░░░░░░░░░░░░░░░   12.87 % 
🌆 Daytime                8428 commits        ██████░░░░░░░░░░░░░░░░░░░   22.34 % 
🌃 Evening                11634 commits       ████████░░░░░░░░░░░░░░░░░   30.84 % 
🌙 Night                  12803 commits       ████████░░░░░░░░░░░░░░░░░   33.94 %

📅 I'm Most Productive on Monday

Monday                   6775 commits        ████░░░░░░░░░░░░░░░░░░░░░   17.96 % 
Tuesday                  5146 commits        ███░░░░░░░░░░░░░░░░░░░░░░   13.64 % 
Wednesday                6020 commits        ████░░░░░░░░░░░░░░░░░░░░░   15.96 % 
Thursday                 5803 commits        ████░░░░░░░░░░░░░░░░░░░░░   15.38 % 
Friday                   5315 commits        ████░░░░░░░░░░░░░░░░░░░░░   14.09 % 
Saturday                 3689 commits        ██░░░░░░░░░░░░░░░░░░░░░░░   09.78 % 
Sunday                   4973 commits        ███░░░░░░░░░░░░░░░░░░░░░░   13.18 %

📊 This Week I Spent My Time On

🕑︎ Time Zone: Europe/Madrid

💬 Programming Languages: 
Markdown                 1 hr 13 mins        ████████████████████████░   97.39 % 
Other                    1 min               █░░░░░░░░░░░░░░░░░░░░░░░░   02.59 % 
JavaScript               0 secs              ░░░░░░░░░░░░░░░░░░░░░░░░░   00.02 % 

🔥 Editors: 
VS Code                  1 hr 15 mins        █████████████████████████   100.00 % 

🐱‍💻 Projects: 
beatrizsmerino           36 mins             ████████████░░░░░░░░░░░░░   48.96 % 
vue-editor               16 mins             █████░░░░░░░░░░░░░░░░░░░░   21.56 % 
merceria-raquel          15 mins             █████░░░░░░░░░░░░░░░░░░░░   20.56 % 
validation-form          5 mins              ██░░░░░░░░░░░░░░░░░░░░░░░   07.33 % 
vue-todolist             0 secs              ░░░░░░░░░░░░░░░░░░░░░░░░░   00.43 % 

💻 Operating System: 
Mac                      1 hr 15 mins        █████████████████████████   100.00 %

I Mostly Code in JavaScript

JavaScript               11 repos            ████████░░░░░░░░░░░░░░░░░   31.43 % 
Vue                      7 repos             █████░░░░░░░░░░░░░░░░░░░░   20.00 % 
HTML                     6 repos             ████░░░░░░░░░░░░░░░░░░░░░   17.14 % 
TypeScript               1 repo              █░░░░░░░░░░░░░░░░░░░░░░░░   02.86 % 
Sass                     1 repo              █░░░░░░░░░░░░░░░░░░░░░░░░   02.86 %

Timeline

vue-todolist's People

Contributors

Stargazers

Watchers

Forkers

trendingtechnology matiullah31 elsweb salihasy robertjgabriel diogo839 hammad-qadeer niezhuzhu nilineufeld mmshooreshi edmaxe lokipapajay ranidel3whatsup sousaprogramador

vue-todolist's Issues

Fix. Small `line-height` of Local Storage message

Error preview

preinstall is immediately followed by postinstall and no installation occurs

Here is the output of npm install:

npm WARN old lockfile 
npm WARN old lockfile The package-lock.json file was created with an old version of npm,
npm WARN old lockfile so supplemental metadata must be fetched from the registry.
npm WARN old lockfile 
npm WARN old lockfile This is a one-time fix-up, please be patient...
npm WARN old lockfile 
npm WARN old lockfile HttpErrorGeneral: 404 Not Found - GET https://registry.npmjs.org/@vue%2fvue-loader-v15 - Not found
npm WARN old lockfile     at /Users/wq/.nvm/versions/node/v20.9.0/lib/node_modules/npm/node_modules/npm-registry-fetch/lib/check-response.js:95:15
npm WARN old lockfile     at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
npm WARN old lockfile     at async RegistryFetcher.packument (/Users/wq/.nvm/versions/node/v20.9.0/lib/node_modules/npm/node_modules/pacote/lib/registry.js:87:19)
npm WARN old lockfile     at async RegistryFetcher.manifest (/Users/wq/.nvm/versions/node/v20.9.0/lib/node_modules/npm/node_modules/pacote/lib/registry.js:118:23)
npm WARN old lockfile     at async Array.<anonymous> (/Users/wq/.nvm/versions/node/v20.9.0/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/build-ideal-tree.js:727:24)
npm WARN old lockfile  Could not fetch metadata for @vue/[email protected] HttpErrorGeneral: 404 Not Found - GET https://registry.npmjs.org/@vue%2fvue-loader-v15 - Not found
npm WARN old lockfile     at /Users/wq/.nvm/versions/node/v20.9.0/lib/node_modules/npm/node_modules/npm-registry-fetch/lib/check-response.js:95:15
npm WARN old lockfile     at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
npm WARN old lockfile     at async RegistryFetcher.packument (/Users/wq/.nvm/versions/node/v20.9.0/lib/node_modules/npm/node_modules/pacote/lib/registry.js:87:19)
npm WARN old lockfile     at async RegistryFetcher.manifest (/Users/wq/.nvm/versions/node/v20.9.0/lib/node_modules/npm/node_modules/pacote/lib/registry.js:118:23)
npm WARN old lockfile     at async Array.<anonymous> (/Users/wq/.nvm/versions/node/v20.9.0/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/build-ideal-tree.js:727:24) {
npm WARN old lockfile   headers: [Object: null prototype] {
npm WARN old lockfile     date: [ 'Wed, 25 Oct 2023 09:52:27 GMT' ],
npm WARN old lockfile     'content-type': [ 'application/json' ],
npm WARN old lockfile     'content-length': [ '21' ],
npm WARN old lockfile     connection: [ 'keep-alive' ],
npm WARN old lockfile     vary: [ 'Accept-Encoding' ],
npm WARN old lockfile     server: [ 'cloudflare' ],
npm WARN old lockfile     'cf-ray': [ '81b9911abdea182a-SJC' ],
npm WARN old lockfile     'x-fetch-attempts': [ '1' ],
npm WARN old lockfile     'x-local-cache-status': [ 'skip' ]
npm WARN old lockfile   },
npm WARN old lockfile   statusCode: 404,
npm WARN old lockfile   code: 'E404',
npm WARN old lockfile   method: 'GET',
npm WARN old lockfile   uri: 'https://registry.npmjs.org/@vue%2fvue-loader-v15',
npm WARN old lockfile   body: { error: 'Not found' },
npm WARN old lockfile   pkgid: '@vue/[email protected]'
npm WARN old lockfile }

> [email protected] preinstall
> npm run install:clean && npm run dependencies:fix


> [email protected] install:clean
> rm -rf node_modules package-lock.json


> [email protected] dependencies:fix
> npm install --package-lock-only --ignore-scripts && npx npm-force-resolutions


up to date, audited 1122 packages in 6s

156 packages are looking for funding
  run `npm fund` for details

4 moderate severity vulnerabilities

To address all issues (including breaking changes), run:
  npm audit fix --force

Run `npm audit` for details.

> [email protected] postinstall
> npm run lint


> [email protected] lint
> npm run prettier:fix && npm run eslint:fix && npm run stylelint:fix


> [email protected] prettier:fix
> prettier --write "./**/*.{vue,js,json}"

.eslintrc.js 88ms
babel.config.js 2ms
jsconfig.json 2ms
package-lock.json 196ms
package.json 2ms
src/App.vue 61ms
src/assets/data/tasks.json 1ms
src/assets/images/icons/icons-import.js 2ms
src/assets/images/icons/icons-list.js 1ms
src/components/Dashboard/Dashboard.vue 18ms
src/components/Dashboard/DashboardContent.vue 5ms
src/components/Dashboard/DashboardInfo.vue 14ms
src/components/index.js 3ms
src/components/Page/PageTitle.vue 7ms
src/components/Task/TaskEdit.vue 17ms
src/components/Task/TaskList.vue 18ms
src/components/Task/TaskNew.vue 36ms
src/components/Task/TaskPreview.vue 72ms
src/components/UI/UIButton.vue 68ms
src/components/UI/UIIcon.vue 12ms
src/components/UI/UIMessage.vue 22ms
src/components/UI/UIModal.vue 11ms
src/components/UI/UITag.vue 7ms
src/event-bus.js 1ms
src/main.js 2ms
src/store/index.js 7ms
src/store/modules/tasks.js 20ms
stylelint.config.js 14ms
vue.config.js 10ms

> [email protected] eslint:fix
> vue-cli-service lint "**/*.{json,js,vue}" --fix --ignore-path .eslintignore

 ERROR  Error: Cannot find module 'svg-symbol-sprite-loader'
        Require stack:
        - /private/tmp/vue-todolist/vue.config.js
        - /Users/wq/.nvm/versions/node/v20.9.0/lib/node_modules/@vue/cli-service/node_modules/@vue/cli-shared-utils/lib/module.js
        - /Users/wq/.nvm/versions/node/v20.9.0/lib/node_modules/@vue/cli-service/node_modules/@vue/cli-shared-utils/index.js
        - /Users/wq/.nvm/versions/node/v20.9.0/lib/node_modules/@vue/cli-service/bin/vue-cli-service.js
Error: Cannot find module 'svg-symbol-sprite-loader'
Require stack:
- /private/tmp/vue-todolist/vue.config.js
- /Users/wq/.nvm/versions/node/v20.9.0/lib/node_modules/@vue/cli-service/node_modules/@vue/cli-shared-utils/lib/module.js
- /Users/wq/.nvm/versions/node/v20.9.0/lib/node_modules/@vue/cli-service/node_modules/@vue/cli-shared-utils/index.js
- /Users/wq/.nvm/versions/node/v20.9.0/lib/node_modules/@vue/cli-service/bin/vue-cli-service.js
    at Module._resolveFilename (node:internal/modules/cjs/loader:1048:15)
    at Module._load (node:internal/modules/cjs/loader:901:27)
    at Module.require (node:internal/modules/cjs/loader:1115:19)
    at require (node:internal/modules/helpers:130:18)
    at Object.<anonymous> (/private/tmp/vue-todolist/vue.config.js:2:25)
    at Module._compile (node:internal/modules/cjs/loader:1241:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1295:10)
    at Module.load (node:internal/modules/cjs/loader:1091:32)
    at Module._load (node:internal/modules/cjs/loader:938:12)
    at Module.require (node:internal/modules/cjs/loader:1115:19)
npm ERR! code 1
npm ERR! path /private/tmp/vue-todolist
npm ERR! command failed
npm ERR! command sh -c npm run lint

npm ERR! A complete log of this run can be found in: /Users/wq/.npm/_logs/2023-10-25T09_52_19_387Z-debug-0.log

I find from output that preinstall is immediately followed by postinstall and no installation occurs. After some googling, I find that if npm install --package-lock-only is contained in preinstall the installation is skipped, when I remove the `--package-lock-only', then everything goes back to normal.

Vulnerabilities in the Dependabot alerts

Found vulnerabilities on the dependencies

Running the command npm audit in the terminal returns a list with 'Some vulnerabilities require your attention to resolve':

ansi-regex
nth-check
set-value
ansi-html

Package `ansi-regex`

Package `nth-check`

Package `set-value`

Package `ansi-html`

Package `glob-parent`

Fix. Confused status of task done

Description

When you create a new task its status is not done, which is correct.

{
  "id": 4,
  "name": "new",
  "status": {
    "done": false
  }
}

But the styles seem to indicate otherwise, by having the green icon.

Perhaps it would be clearer if the unfinished tasks had a grey check icon and when completed it would turn green and remain crossed out.

Any ideas?

Add data with firebase

Fix. Wrong responsive design of mobile version

Error preview

Samsung Galaxy Note 7	Xiaomi Redmi Note 7	Iphone 7	Huawei P30

Change the button that show the Local Storage message

Description

Use an icon instead of text Show Info.

Current preview

Expected preview

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.

beatrizsmerino / vue-todolist Goto Github PK

vue-todolist's Introduction

Hi there!

Hacktoberfest

vue-todolist's People

Contributors

Stargazers

Watchers

Forkers

vue-todolist's Issues

Error preview

Found vulnerabilities on the dependencies

Package ansi-regex

Package nth-check

Package set-value

Package ansi-html

Package glob-parent

Description

Error preview

Description

Current preview

Expected preview

Recommend Projects

Recommend Topics

Recommend Org

Package `ansi-regex`

Package `nth-check`

Package `set-value`

Package `ansi-html`

Package `glob-parent`