Code Monkey home page Code Monkey logo

boxing-app's Introduction

README

Boxing Lab APP

The Boxing Lab APP is an application built to provide a faster and easier way to find objects in the Laboratory. The application was built using AngularJS. It's a SPA consuming a RESTful API. Feel free to report issues and contribute with some PullRequests

  • The most upfront (with features being tested) branch is the "master" branch
  • The branch currently running into the server is the "production" branch

Companion Repo: The API

  • This angular app requires a functional RESTful API to work with, the API provides all the data
  • You'll find a repo containing the API at https://github.com/lcdporto/boxing-api
  • To make it easier to set up the API we created a Docker Image https://hub.docker.com/r/lcdporto/boxing-api/
  • The angular app expects the API to be located on the localhost port 80, this can be changed at app/core/settings.js
  • Example of creating and running a container
$ docker run -tid --name boxing-api -p 80:80 lcdporto/boxing-api

Dependencies

  • node and npm (dependent on your OS)
  • bower
  • gulp

How do I get set up?

  • Clone the repository
  • Make sure you are in the project root folder (i.e. boxing-app)
  • Make sure you have node and npm installed
  • Install Dev dependencies with
$ npm install
  • Install Bower and Gulp globally with
$ npm install -g bower
$ npm install -g gulp
  • Install the APP dependencies with
$ bower install
  • Open the file dist/angular/development/settings.js
  • If need change the apiUrl property to match your development api url (e.g http://127.0.0.1:8080/)
  • Launch the development server with
$ gulp serve

Contribution guidelines

  • Whenever you finish coding something, please try and see if there is conflicts with the most recent version in the branch "master"
  • If possible, try to write tests to fully cover your feature

Checking your code

  • We have implemented linting with jshint and code style checker with jscs, your contributions must pass these checks
  • The jshint rules are defined in .jshintrc, to better understand these rules visit: http://jshint.com/docs/options/
  • The jscs rules are defined in .jscsrc, to better understand these rules visit: http://jscs.info/rules
  • Both rule files are considered work in progress, if you have something to say about them open up an issue
  • To check your code
$ gulp check
  • If you think a jshint rule does not make sense in a specific case, you can hide a warning with a snippet of code
  • To that, add the following snippet to your file (/* jshint -W034 */), the -W034 part must match the rule code your trying to hide

Project Guidelines

  • We are currently migrating the project to match John Papa's angular-styleguide https://github.com/johnpapa/angular-styleguide
  • Use these guidelines as a reference, if you find something in the code that does not match, correct it or open an issue

Who do I talk to?

If you have something to say, feel free to contact:

You can always come to our Lab too :)

More info at: https://lcdporto.org

boxing-app's People

Contributors

boda49 avatar ighormartins avatar jfig avatar ohmeumenino avatar ricardolobo avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

Forkers

ohmeumenino jfig

boxing-app's Issues

Find a better way to deal with icons and iconsets

Presently we need to reference the iconset or icon in the provider and then copy the icon or iconset to the content/icons folder. This is a manual repetitive task that we should eliminate from the workflow.

Add comments

We need to create a channel for users to communicate with admins, e.g. if an item is misplaced, if an item information is not accurate or update

Offline Warning

Check for internet connectivity / api response on the first open of the APP.
Add a warning header displaying some message when the APP isn't able to connect to the API Server..

How can we check it?

  1. Create a timeout for each request needed
  2. Check every X seconds
  3. Check only on APP first start?

Item Categories

Create a categories feature for the items.
It should include: Displaying the item category on the items list Filter items by category on the items list * Chose a category dropdown on the new item view

Add item detail view

We are starting to have a lot of information in each item that is not present / or is not possible to show in the item row on the list view. Create a detail view to show all the information for each item.

Lazy load items on the list

The more items we have on our database, the more the APP is struggling to load all at once.
We should change it to lazy load the items while scrolling or searching.

git Ignore /app/index.html

When gulp resolves the file injecting, it changes app/index.html which causes it to be identified as a "modified" file.
Since everyone will have to use the gulp inject, it'll cause a lot of conflicts between developers.
How can we keep using the gulp inject and avoid this behavior?

P.S.
@boda49 I changed the issue description to better explain the problem. Please tell me if it's not right.

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.