Build a single page web application using Angular JS

  • Status: Closed
  • Prize: $250
  • Entries Received: 12
  • Winner: FernandoCanizo

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

Top entries from this contest

View More Entries

Public Clarification Board

  • lucasscavone
    Contest Holder
    • 3 years ago

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

    • 3 years ago
  • shubham166
    shubham166
    • 3 years ago

    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 .

    • 3 years ago
  • shubham166
    shubham166
    • 3 years ago

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

    • 3 years ago
  • lucasscavone
    Contest Holder
    • 3 years ago

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

    Thanks!

    • 3 years ago
  • shubham166
    shubham166
    • 3 years ago

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

    • 3 years ago
  • lucasscavone
    Contest Holder
    • 3 years ago

    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!

    • 3 years ago
  • enterit
    enterit
    • 3 years ago

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

    • 3 years ago

Show more comments

How to get started with contests

  • Post your contest

    Post Your Contest Quick and easy

  • Get tons of entries

    Get Tons of Entries From around the world

  • Award the best entry

    Award the best entry Download the files - Easy!

Post a Contest Now or Join us Today!