Petition App

Live Demo

View demo

Overview

This is a sample project for developers interested in...

• Client

  • Vue.js
    • Vuex (a state management pattern + library for Vue.js applications)
    • Vue-router (the official router for Vue.js)
    • Vuetify (a material design component framework)
    • Vue CLI
  • Typescript (a typed superset of JavaScript that compiles to plain JavaScript.)
  • Sass (a powerful CSS extension language)
  • Jest (a JavaScript Testing Framework with a focus on simplicity)

• Server

  • Node.js
  • Express (a Node.js web application framework)
  • Jest (a JavaScript Testing Framework with a focus on simplicity)
  • Nginx

• Database

  • MySQL
  • phpMyAdmin (a database manager)

• CI / CD

  • Docker / Docker-compose
  • Circle CI
  • Cypress (a JavaScript end-to-end testing framework)

Features

• Login / Logout
• Permission Authentication
  • Page Permission
• Multi-environment build

Preface

This project is intended to be used on Linux or Mac OS X (Windows is not confirmed)

Screenshots

Usage

Just execute ./start.sh and then you can visit localhost from your browser.

Locale

This project supports locales en and ja (en is default), localhost/en and localhost:4000/ja (in the future)

Backlog

• Searching Petitions
  • List of petitions
  • Search
  • Filter
  • Sort
  • Pagination
  • Combination
• Viewing a petition
  • Petition details
  • Share
• Registering and logging in
  • Register
  • Log in
  • Log out
• Managing petitions
  • Create
  • Edit
  • Delete
  • My petitions
• Signing petitions
  • Add
  • Delete
• Managing user profile
  • View
  • Edit