Build a single page web application using Angular JS

  • Trạng thái: Closed
  • Giải thưởng: $250
  • Các bài thi đã nhận: 3
  • Người thắng cuộc: FernandoCanizo

Tóm tắt cuộc thi

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!

Các kĩ năng được đề xuất

Những bài dự thi tốt nhất dự cuộc thi này

Xem nhiều bài dự thi hơn

Bảng thông tin công khai

  • lucasscavone
    Người tổ chức Cuộc thi
    • cách đây 4 năm

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

    • cách đây 4 năm
  • shubham166
    shubham166
    • cách đây 4 năm

    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 .

    • cách đây 4 năm
  • shubham166
    shubham166
    • cách đây 4 năm

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

    • cách đây 4 năm
  • lucasscavone
    Người tổ chức Cuộc thi
    • cách đây 4 năm

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

    Thanks!

    • cách đây 4 năm
  • shubham166
    shubham166
    • cách đây 4 năm

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

    • cách đây 4 năm
  • lucasscavone
    Người tổ chức Cuộc thi
    • cách đây 4 năm

    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!

    • cách đây 4 năm
  • enterit
    enterit
    • cách đây 4 năm

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

    • cách đây 4 năm

Xem thêm các bình luận

Làm thế nào để bắt đầu với cuộc thi

  • Đăng cuộc thi của bạn

    Đăng Cuộc thi của bạn Nhanh chóng và dễ dàng

  • Nhận được vô số bài dự thi

    Nhận được vô số Bài dự thi Từ khắp nơi trên thế giới

  • Trao giải cho bài dự thi tốt nhất

    Trao giải cho bài dự thi tốt nhất Download File - Đơn giản!

Đăng một cuộc thi ngay bây giờ hoặc tham gia với chúng tôi ngay hôm nay!