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

• Nuxt.js
• dayjs
• Laravel Echo
• Pusher
• Tailwind CSS
• PostCSS
• @nuxtjs/auth
• @nuxtjs/axios
• @nuxtjs/dotenv
• @nuxtjs/pwa
• @vuex-orm/core
• @vuex-orm/plugin-axios
• ESLint

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.