>
>

Build a single page web application using Angular ...

Build a single page web application using Angular JS

Closed
Entries
12
Prize (USD)
$250

Contest Brief

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): [url removed, login to view]

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!

Recommended Skills:

Post a Contest like this

Previous Poll Results

Submit Your Entry

Drag and Drop multiple files here.


Describe your entry here (optional)

1000 characters
$ USD
NEW! - Set a price for your entry and if you don't win, you will have a second chance for the contest holder to buy your entry!
Upgrade your entry
  • Seal your entry to ensure your idea is unique. Only you and the contest holder will be able to view your sealed entry.

    $0.50 USD
  • Highlight your entry to make it visually stand out from the rest!

    $0.50 USD
Total: $ 0.00 USD
This entry is entirely my own original work and I agree to the Freelancer Terms and Conditions.
Submit Freelancer Loading...

Please ensure the following:

  • You've read the contest brief
  • You've read feedback provided by the contest holder
  • You've looked at other entries and read the message board

Supported file types:
JPG, PNG, GIF

  1. Winner
    Runner up
    entry number 8
     Contest Entry #8 for Build a single page web application using Angular JS
    1 Like
  2. Runner up
    Report
    entry number 5
     Contest Entry #5 for Build a single page web application using Angular JS
    0 Likes
  3. Runner up
    Report
    entry number 2
     Contest Entry #2 for Build a single page web application using Angular JS
    0 Likes
  4. Runner up
    Report
    entry number 6
     Contest Entry #6 for Build a single page web application using Angular JS
    Rejected
    1 Like
  5. Runner up
    Report
    entry number 13
     Contest Entry #13 for Build a single page web application using Angular JS
    Rejected
    0 Likes
  6. Runner up
    Report
    entry number 12
     Contest Entry #12 for Build a single page web application using Angular JS
    Rejected
    0 Likes
  7. Runner up
    Report
    entry number 11
     Contest Entry #11 for Build a single page web application using Angular JS
    Rejected
    0 Likes
  8. Runner up
    Report
    entry number 10
     Contest Entry #10 for Build a single page web application using Angular JS
    Rejected
    0 Likes
  9. Runner up
    Report
    entry number 9
     Contest Entry #9 for Build a single page web application using Angular JS
    Rejected
    0 Likes
  10. Runner up
    Report
    entry number 4
     Contest Entry #4 for Build a single page web application using Angular JS
    Rejected
    0 Likes
  11. Runner up
    Report
    entry number 3
     Contest Entry #3 for Build a single page web application using Angular JS
    Withdrawn
  12. Runner up
    Report
    entry number 1
     Contest Entry #1 for Build a single page web application using Angular JS
    Withdrawn

Public Clarification Board