Build a single page web application using Angular JS

  • Tila: Closed
  • Palkinto: $250
  • Vastaanotetut työt: 3
  • Voittaja: FernandoCanizo

Kilpailun tehtävänanto

This contest is so that I can find a developer to continue working with after this project. So if you know what you're doing, I will contact you for further work immediately after this contest ends! There is the potential for multiple winners in terms of developers I will work with.

Details:
-*MUST BE written in Angular JS*
-The interface of this web application would be a block of text.
-Users can click and drag the text in order to highlight sections (1 or more words).
-These highlighted sections will be sent back via an API to save the highlighted section.
-Highlights cannot be saved based on words itself (IE: if "the" is highlighted in two places, but exist 10 times within the text, must properly handle this)
-When the user reloads the page, they should see the highlighted section preserved (by requesting it from the API).
-Multiple sections can be highlighted and saved (IE: Single word, as well as whole sentence containing word) *Single word is the minimum selection! Partial word selection is not wanted*
-Visual Indicator to which sections are highlighted, if multiple highlights overlapping, some differentiator (different color, etc)
-Simple mock up of expected result can be found here (not in stone, feel free to show your style): http://cl.ly/image/2B2t020y2632

API backend:
-Is NOT expected to be coded as a part of this contest, or any further project. I will provide the API if you are not comfortable with hard coding the data.
-Can be hard coded (data used to load 2+ highlighted sections can be in a static json file, retrieved like an API)
--Hard coded must still send requests to save json data in same format as retrieved static json file (to simulate actual functionality)
-I can provide a functional API to test against, just let me know what structure you wish to save/retrieve the json object as.


Things I'm looking for:
-Proper use of Angular JS
--Reusable/clean code
-Proper use of Bootstrap (Angular Strap or similar allowed)
-Communication skills (asking questions, etc)

Thanks for your submissions!

Suositellut taidot

Julkinen selvennystaulu

  • lucasscavone
    Kilpailun järjestäjä
    • 9 vuotta sitten

    Thanks shubham166, Please see the reply message in your entry!

    • 9 vuotta sitten
  • shubham166
    shubham166
    • 9 vuotta sitten

    Hey Lucas , I have made changes to select minimum full word and no partial word. I just want to ask where should i host the code for you to see ? Please reply asap .

    • 9 vuotta sitten
  • shubham166
    shubham166
    • 9 vuotta sitten

    hey Lucas. ok I will make changes and post as soon as possible. Thanks for reply

    • 9 vuotta sitten
  • lucasscavone
    Kilpailun järjestäjä
    • 9 vuotta sitten

    For this, the smallest selection should be a full word. Partial word selections are not needed! Sorry this was unclear in my specification!

    Thanks!

    • 9 vuotta sitten
  • shubham166
    shubham166
    • 9 vuotta sitten

    Please suggest any modification and feedback over the project that can be worked upon.

    • 9 vuotta sitten
  • lucasscavone
    Kilpailun järjestäjä
    • 9 vuotta sitten

    Hello Enterit, that should be fine. Don't forget the API part (ability to save/restore the highlighting!) as that's a very important part!

    • 9 vuotta sitten
  • enterit
    enterit
    • 9 vuotta sitten

    Hi Lucas, what is the best way to share my code? Is it OK to rename an archive to .jpg and upload?

    • 9 vuotta sitten

Näytä lisää kommentteja

Kuinka päästä alkuun kilpailuiden kanssa

  • Ilmoita kilpailusi

    Ilmoita kilpailusi Nopeaa ja helppoa

  • Saat valtavasti töitä

    Vastaanota tonnikaupalla osallistumisia Ympäri maailmaa

  • Myönnä palkinto parhaalle työlle

    Myönnä palkinto parhaalle työlle Lataa tiedostot - Helppoa!

Ilmoita kilpailu nyt tai liity tänään!