Code Monkey home page Code Monkey logo

elixirstatus-web's Introduction

ElixirStatus Inline docs Deps Status ElixirWeekly

I already integrated Phoenix in my project Inch CI, but have not yet build a frontend site with it. I want to do this here.

This will become http://elixirstatus.com, my first complete Phoenix project.

What will this be?

It will be a small site for developers to post their creations: new projects, blog posts and version updates.

No link-sharing in a wider sense, just posting your own stuff.

Screenshot

So it won't be a large site, but it will make up for it by being well-integrated into existing services and trends, like GitHub, Twitter, and RSS.

It will make it easy to follow new projects and blogs in the Elixir community.

Don't we have this already?

Yes and no. I always have the feeling my project and update announcements get drowned by so much else that is out there (be it on the mailing list or on #myelixirstatus). And you can't get mentioned in Elixir Radar every week 😁

The important thing here is this is inspired by the original RubyFlow. Giving developers a venue where they can be heard whether they are a Phoenix contributor or an unknown coder who wrote his first blog post about recursion. Equal voice for everyone.

Open Roadmap #21

  • Build and launch landing page
  • Add postings
  • GitHub integration
  • Twitter setup
  • Design functional UI
  • Beta phase (described here)
  • Fun!

Usage

To start the ElixirStatus application:

  1. Install mix dependencies with:

    $ mix deps.get
  2. Install Node.js dependencies, for the asset pipeline, with:

    $ npm install
  3. Make sure you have MySQL installed and then configure the database accordingly in config/dev.exs and config/test.exs.

  4. Create and migrate the database with:

    $ mix ecto.create
    $ mix ecto.migrate
  5. Seed database with:

    $ mix run priv/repo/seeds/seed.exs
  6. Register a GitHub application for local testing:

    Application name: <your choice>

    Homepage-URL: http://localhost:4000

    Application description: <your choice>

    Authorization callback URL: http://localhost:4000/auth/callback

  7. Start Phoenix endpoint with

    CLIENT_ID=<your_github_app_client_id> CLIENT_SECRET=<your_github_app_client_secret> mix phoenix.server

Now you can visit localhost:4000 from your browser.

Contribution

I am no designer (as Inch CI probably shows) and still relatively new to Elixir myself. So if you want to be part if this little exercise and help out, just ping me on Twitter or send me an email.

Author

René Föhring (@rrrene)

But ElixirStatus is a community project and received fantastic contributions from these community members:

  • Hans Pagh (@Hanspagh)
  • Phil Nash (@philnash)
  • Riza Fahmi (@rizafahmi)
  • Peter Suschlik (@splattael)

Credits

ElixirStatus takes inspiration from RubyFlow, which helped me a lot to get my Ruby projects noticed.

People posting a wild mix of interesting stuff, discoveries and banter under the hashtag #myelixirstatus on Twitter inspired the name.

License

ElixirStatus is released under the MIT License. See the LICENSE file for further details.

elixirstatus-web's People

Contributors

rrrene avatar philnash avatar hanspagh avatar knewter avatar pragtob avatar henrik avatar skade avatar fazibear avatar splattael avatar rizafahmi avatar simonprev avatar

Watchers

James Cloos avatar Zachary Dunn avatar

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.