Coder Social home page Coder Social logo

yepesasecas / live_chess Goto Github PK

View Code? Open in Web Editor NEW
3.0 2.0 1.0 162 KB

Inspired by lichess.org. and the need to use Elixir. live_chess is born

Home Page: https://livechess.gigalixirapp.com

Elixir 83.46% CSS 0.84% JavaScript 2.31% HTML 13.39%
elixir phoenix liveview tailwindcss chess

live_chess's Introduction

LiveChess

Create a free, ad-free, and open-source internet chess server where anyone in the world can play online chess and we can practice elixir, phoenix and liveView. (LiveChess.. LiveView. you got it).

This project is inspired by lichess.org. Lichess.org has created an awesome free and open-source project and community.

also, inspired by the elixir community. I know, we can create a really awesome online chess server using Elixir, Phoenix and LiveView.

project status: Alpha. Anyone is welcome to contribute.

links to production: https://livechess.gigalixirapp.com

Screen Shot 2022-02-05 at 9 00 30 PM

Dependencies

  1. Elixir
  2. Phoenix
  3. PostgreSQL

Installation

  • Install dependencies with mix deps.get
  • Create and migrate your database with mix ecto.setup
  • Start Phoenix endpoint with mix phx.server or inside IEx with iex -S mix phx.server

Now you can visit localhost:4000 from your browser.

Ready to run in production? Please check our deployment guides.

Configuration

TODO If the software is configurable, describe it in detail, either here or in other documentation to which you link.

Usage

  1. To create a table you have two options:

  2. use the url and change TABLE_NAME for any name you want. https://livechess.gigalixirapp.com/table/TABLE_NAME

  3. go to https://livechess.gigalixirapp.com/. fill in you player name and click 'Create table'

  4. You are redirected to the game table. and waiting for your opponent to arrive.

  5. Share the url with your friends. or open the url in other browser.

  6. now you can start playing.

Setup you player's name

  1. You can setup your player name by passing the parameter player_name=MY_NICKNAME. Example: https://livechess.gigalixirapp.com/table/TABLE_NAME?player_name=MY_NICKNAME

How to test

Coverage Status

Run test with coverage $ MIX_ENV=test mix do coveralls.json

Run test with coverate and HTML review $ MIX_ENV=test mix coveralls.html ; open cover/excoveralls.html

Run tests $ mix test

Known issues

Everything!

Getting help

If you have questions, concerns, bug reports, etc, please file an issue in this repository's Issue Tracker.

Getting involved

Fork the project, add new features, fix bugs and create a pull request.

Some features to implement:

  1. Better UI/UX.
  2. Responsive board.
  3. Clock time.
  4. A 'waiting player to start match' loading page.
  5. and, lots of other things I can't think in this moment.

Credits and references

live_chess's People

Contributors

yepesasecas avatar

Stargazers

Marcel Lindig avatar Noah Betzen avatar  avatar

Watchers

James Cloos avatar  avatar

Forkers

sirsksk

live_chess's Issues

assets

to upload readme assets

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.