Code Monkey home page Code Monkey logo

zully-web's Introduction

Zully Web

Stack

  • ReactJS

Setup

Requirements

  • NodeJS -> 6.9.5

Install

  • $ git clone https://bitbucket.org/yellowme/brandon-web
  • $ cd zully-web
  • $ npm install

Run

  • $ npm start

Run Testing

  • $ nmp run test

Run Production

  • $ npm run build

APP should be available at http://localhost:3000

FONTCUSTOM

For compile svg assets.

Install

On Mac

  • $ brew install fontforge --with-python
  • $ brew install eot-utils
  • $ gem install fontcustom

On Linux

  • $ sudo apt-get install fontforge
  • $ wget http://people.mozilla.com/~jkew/woff/woff-code-latest.zip
  • $ unzip woff-code-latest.zip -d sfnt2woff && cd sfnt2woff && make && sudo mv sfnt2woff /usr/local/bin/
  • $ gem install fontcustom

Add assets in svg format###

  • /src/assets/vectors/

Compile Assets

  • $ fontcustom compile

More info in: https://github.com/FontCustom/fontcustom

zully-web's People

Contributors

maj24 avatar

Stargazers

César Hernández Monsrreal avatar Luis Burgos avatar

Watchers

James Cloos avatar  avatar Luis Burgos avatar César Hernández Monsrreal avatar Roberto Franco avatar

zully-web's Issues

Big picture of the system always present

When create/edit a document user miss the big picture of the system, consider the next scenario:

Given two collaborators
    And they want to create a document
    And but they do not decide whom is going to create it
When either of both try to create the document
   And considering that after click on create document button the system hides the list of 
   documents the collection
Then there is no way anyone of the collaborators gets feedback about the documents on the 
collection (Maybe the other collaborator already created the document)

Search results section title look like a clickable link

On the next image, the title "Desarrollo Móvil" looks like a clickable link cause it has the accent color of the app.

Maybe we should change the color from accent color to a black or gray color. If we do this, we also need to change the font style and color of the label "Etiquetas" in order to differentiate the visual weight of both elements.

searchtitle

Data loading time

After user testing everyone saids "they have the feeling that sometimes the app takes too long to load their date".

Position of tool box may not be the best

After user testing:

  • Some users had difficulties finding the link tool
  • One user mention that the toolbox does not stand out compare to the photo and name of the creator

Feedback when create a new collection

When the user creates a new collection it should be prompted with a dialog after the action been handled by the system, either is a success or a failure.

Block document when editing

We a user starts editing a document we should mark the document with the flag so when another user try to edit the same document we can show him a message with a message about the document blocked state.

Welcome page for new users

When the user uses the app for first time we do not have a "welcome empty screen". This screen should be similar to a empty collection screen. But it only needs to be shown when the user starts the app and has no collections.

Loading page

Maybe we should consider a loading page before showing the user the main page and while the collections are loaded from the server, like Slack does.

Slack Loading Page

What happens when search section has many results?

When the user uses the search box and the view shows the results, which one should be the interaction when a section has more tan 10 results? Maybe the could keep one line of results and add a horizontal scroll.

searchresults

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.