guillaumebriday / todolist-frontend-nuxt Goto Github PK

View Code? Open in Web Editor NEW

26.0 2.0 4.0 880 KB

Front-end application for Todolist Web application built with Laravel and Nuxt.js

Home Page: https://todolist-nuxt.guillaumebriday.me

License: MIT License

JavaScript 17.33% Vue 78.67% CSS 3.90% Shell 0.09%

nuxt nuxt2 laravel axios netlify api-client vuejs

todolist-frontend-nuxt's Introduction

Todolist-frontend-nuxt Application

Frontend for https://github.com/guillaumebriday/todolist-backend-laravel app, built for a serie of articles on my blog.

If you want to see this project in plain Vue.js, I created the same application available here: todolist-frontend-vuejs.

The purpose of this repository is to consume API, provide by a Laravel Application, with the Nuxt.js JavaScript front-end framework.

Some of the tools used in this project

Installation

Setting up your development environment on your local machine :

$ git clone https://github.com/guillaumebriday/todolist-frontend-nuxt.git
$ cd todolist-frontend-nuxt
$ cp .env.example .env
$ yarn install
$ yarn dev

Useful commands

Building the app :

$ yarn build

# Or

$ yarn generate

Running ESLint :

$ yarn lint

Broadcasting & WebSockets

Before using WebSockets, you need to set the PUSHER_APP_KEY key in your .env file.

You could generate a key on https://pusher.com/.

Deploy in production

This application is hosted on Netlify and available on https://todolist-nuxt.guillaumebriday.me/.

Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

License

This project is released under the MIT license.

todolist-frontend-nuxt's People

Contributors

Stargazers

Watchers

Forkers

baitcenter sebrios-imedev kcblog frascuchon

todolist-frontend-nuxt's Issues

Suggestion: Replace pusher with beyondcode/laravel-websockets

For Broadcasting & WebSockets, why use pusher (which is a paid product), when we have https://github.com/beyondcode/laravel-websockets

warnings in the console upon installation

Some warnings in the console upon installation...not a blocker but just thought I would share!

$ npm install
npm WARN registry Using stale data from https://registry.npmjs.org/ because the host is inaccessible -- are you offline?
npm WARN registry Using stale data from https://registry.npmjs.org/ due to a request error during revalidation.
npm WARN deprecated @babel/[email protected]: 🚨 As of Babel 7.4.0, this
npm WARN deprecated package has been deprecated in favor of directly
npm WARN deprecated including core-js/stable (to polyfill ECMAScript
npm WARN deprecated features) and regenerator-runtime/runtime
npm WARN deprecated (needed to use transpiled generator functions):
npm WARN deprecated 
npm WARN deprecated   > import "core-js/stable";
npm WARN deprecated   > import "regenerator-runtime/runtime";
npm WARN deprecated [email protected]: I wrote this module a very long time ago; you should use something else.

Login or Register not working upon fresh install

Go to http://localhost:49229/register
Enter details and try to register...nothing happens.

Error in console:

register.js:269 Uncaught (in promise) TypeError: Cannot read property 'data' of undefined
    at register.js:269

Same issue if you try to login at http://localhost:49229/login with
Email : [email protected]
Password : 4nak1n

login.js:244 Uncaught (in promise) TypeError: Cannot read property 'data' of undefined
    at login.js:244

        _this.form.onFail(response.data.errors);

Screenshot: https://1ce.org/1#Hy8E176Wr

[Feature] Add social login (with any one: Github, Google, twitter etc) using Laravel Socialite

Can we add some sort of social auth to this todolist app? The social login could use any one of: GitHub, Google, Twitter etc. using Laravel Socialite.

This repository, by the way, has Github social login implemented, though it is a monolith using Nuxt + Laravel.

https://laravel-nuxt.cretueusebiu.com/login
https://laravel-nuxt.cretueusebiu.com/register
repo: https://github.com/cretueusebiu/laravel-nuxt