Dark Todoapp

This is a simple implementation of a todo app using dark theme style implemented using the Phoenix Framework.

Screenshots

Prerequisites

⚠️ Required ⚠️

Elixir To install elixir follow the instructions in this guide. Check your version with

$ elixir -v
Erlang/OTP 22 [erts-10.7] [source] [64-bit] [smp:4:4] [ds:4:4:10] [async-threads:1] [hipe]

Elixir 1.10.2 (compiled with Erlang/OTP 21)

NodeJs To install node and npm just download it here or follow this tutorial. Check your version with

$ node -v
v12.16.1

Optional :glasses:

Docker and docker-compose

$ docker -v
Docker version 19.03.8, build afacb8b7f0

$ docker-compose -v
docker-compose version 1.25.4, build 8d51620a

🚀 Getting started 🚀

Setup your database :woman_running:

Create and migrate your database with

mix ecto.setup

Install dependencies

If you didn't have dependencies installed with the project generation, install Phoenix dependencies with

mix deps.get

Install NodeJs dependencies with

cd assets && npm install

Run tests

Run tests with

mix test

Run cowboy server

Run the server with

mix phx.server

Next steps

Ops

• Enable CI
• Deploy

Backend

• Update task status functionality
• Create seeders
• Create test coverage

Frontend

• Create button to change task status
• Customize buttons
• Customize table
• Customize layout (header / footer / pages background)

🐳 IF you're using docker with docker-compose 🐳

This is an example of my docker-compose file

version: '3'

services:
  psql:
    image: postgres
    restart: unless-stopped
    environment:
      POSTGRES_PASSWORD: 'postgres'
    ports:
      - '5432:5432'
    volumes:
      - ./data:/var/lib/postgres/data

Built with

• Phoenix - Phoenix framework
• Editorconfig - Code style enforcer
• Prettier - Code formatter
• Docker - Virtualizer of containers
• Docker Compose - Containers manager