Giter Site home page Giter Site logo

go-phish's Introduction

Go-Phish

Exploring some development ideas with a (somewhat graceless) Todo App!

Start tracking your todo's today: http://ruby-on-rails-125022.nitrousapp.com:3000/

Notes

  • It's clear I haven't written any Ruby code on my Mac at home in a long time. Was still rockin' the 2.0.0 preview installed with the OS. Rather than spend time getting that updated I tried out nitrous.io. It's awesome. I may never create my own development environment again.

  • For the app styles, I decided to test out Google's Material Design Lite since I had not used it before. I've not really a big fan of it yet. There's some interesting components, but the stock styles don't cover a lot of the basics. You have to dig into the component pages, which are separate, so it's not clear what styles are available in the framework and which are just general Material Design concepts. I generally prefer Bootstrap's styles and documentation approach still at this point.

  • For the main project listing, I'm not sure that a card style is really the best UX approach, but this was a test to see what they looked like.

  • For sorting items, I went with a client-side JS/CSS ordering using flexbox under the assumption that this app would probably be used on devices with modern browsers. If we need to support users with older devices and browsers, we would need to change this approach up a bit. Additionally, if there end up being lots of projects or items to sort through, we may move the sorting logic back to the server.

  • The MDL sort menu on the project list hides the app navbar when it's expanded for some reason. I didn't have time to figure out why that is happening. It also doesn't appear to work on my iPhone. I'm guessing I have some MDL styles used in the wrong place and I didn't have time to debug it further. The menu is at least function on Chrome/Mac so it shows the sorting function working.

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.