nemolize / next-todo

An example implementation of Todo list made with Next.js

Home Page:https://next-todo.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

codecov MIT license

next-todo

A todo list manager example made with Next.js. Next.js version of nuxt-todo implementatoin.

Demo: https://next-todo.netlify.com

Features
  • You can add or delete todo items, and toggle by clicking checkbox.
  • Modal dialog for item delete confirm.
  • React Hooks is used for state control.
  • Persisting data to LocalStorage
Others
  • While this application is intended to be an example of Nuxt.js, TypeScript is not used.
  • Bulma for styling
    • TodoList component uses variable of bulma with @import
  • Netlify for demo site deploy
  • GitHub Actions for CI/CD

Clone

git clone git@github.com:nemolize/next-todo.git && cd next-todo

Build

# install dependencies
$ yarn

# serve with hot reload at localhost:3000
$ yarn dev

# generate static project
$ yarn build

About

An example implementation of Todo list made with Next.js

https://next-todo.netlify.app

License:MIT License


Languages

Language:JavaScript 98.9%Language:SCSS 1.1%