• Stars
    star
    2,495
  • Rank 17,662 (Top 0.4 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 8 years ago
  • Updated over 5 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Trello tribute done in Elixir, Phoenix Framework, React and Redux.

Phoenix Trello

Build Status

Trello tribute done with Elixir, Phoenix Framework, Webpack, React and Redux.

board

Tutorial

  1. Intro and selected stack
  2. Phoenix Framework project setup
  3. The User model and JWT auth
  4. Front-end for sign up with React and Redux
  5. Database seeding and sign in controller
  6. Front-end authentication with React and Redux
  7. Setting up sockets and channels
  8. Listing and creating new boards
  9. Adding board members
  10. Tracking connected board members
  11. Adding lists and cards
  12. Deploying our application on Heroku

Live demo

https://phoenix-trello.herokuapp.com

Requirements

You need to have Elixir v1.3 and PostgreSQL installed.

Installation instructions

To start your Phoenix Trello app:

  1. Install dependencies with mix deps.get
  2. Ensure webpack is installed. ie: npm install -g webpack
  3. Install npm packages with npm install
  4. Create and migrate your database with mix ecto.create && mix ecto.migrate
  5. Run seeds to create demo user with mix run priv/repo/seeds.exs
  6. Start Phoenix endpoint with mix phoenix.server

Now you can visit localhost:4000 from your browser.

Enjoy!

Testing

Integration tests with Hound and Selenium ChromeDriver. Instructions:

  1. Install ChromeDriver with npm install -g chromedriver
  2. Run ChromeDriver in a new terminal window with chromedriver &
  3. Run tests with mix test

If you don't want to run integration tests just run mix test --exclude integration.

License

See LICENSE.

More Repositories

1

phoenix-battleship

The Good Old game, built with Elixir, Phoenix, React and Redux
Elixir
522
star
2

phoenix-and-elm

Example application using Elixir, Phoenix and Elm
Elixir
189
star
3

calendlex

Simple Calendly clone with Phoenix LiveView
Elixir
179
star
4

phoenix-toggl

Toggl tribute done with Elixir, Phoenix Framework, React and Redux.
Elixir
173
star
5

phoenix-react-redux-template

Application template for SPAs with Phoenix, React and Redux
Elixir
130
star
6

rails_and_react

Sample application using Rails 4.2.0 beta and React.js
Ruby
108
star
7

phoenix-elm-battleship

The Good Old game, built with Elixir, Phoenix, and Elm.
Elm
86
star
8

phoenix-cms

Headless CMS fun with Phoenix LiveView and Airtable
Elixir
76
star
9

phoenix-liveview-ant-farm

Concurrent ant farm with Elixir and Phoenix LiveView
Elixir
72
star
10

elm-css-patterns

Common CSS patterns done with elm and elm-css
Elm
65
star
11

distributed-elixir-examples

Code examples for the "Three real-world examples of distributed Elixir" blog series
Elixir
50
star
12

passwordless-auth

Sample project of password-less & database-less socket authentication with Elixir, Phoenix and Elm.
Elixir
43
star
13

elixir-distributed-supervisors-test

Test for distributed supervisors sharing one global worker
Elixir
36
star
14

rails_and_redux

Example application using Rails, Webpack, React and Redux
JavaScript
22
star
15

phxsockets.io

Phoenix sockets and channels GUI client
16
star
16

phoenix-and-elm-landing-page

Repo for my "Phoenix and Elm landing page " tutorial series
JavaScript
15
star
17

live_view_patterns

Some patterns I use while developing LiveView applications
Elixir
11
star
18

rails_and_flux

Sample application using Rails 4.2.0 beta, Webpack and Marty.js as Flux implementation
JavaScript
11
star
19

multinput

MultInput is a lightweight jQuery plugin that automatically splits your form inputs into multiple inputs with the help of a pattern
JavaScript
6
star
20

elm-spa-parcel

Base project using Elm, elm-spa, elm-css and Parcel
Elm
5
star
21

elm-dynamic-base-path

Example Elm SPA with dynamic base path
Elm
4
star
22

bigardone.dev

My new personal website and blog
JavaScript
3
star
23

rails_with_webpack_starter_kit

Personal Rails with Webpack project starter kit
Ruby
2
star
24

scalabilitywitherlangotp_ex

Elixir versions of the "Designing for Scalability with Erlang/OTP" book code examples.
Elixir
2
star
25

dotfiles

Lua
1
star
26

elm-file-reader

Example project of an Elm native module definition and usage.
Elm
1
star
27

elm-scorekeeper

KnowThen's Elm for beginners course exercise
Elm
1
star
28

master_go_programming

Go
1
star