Basic Web Application for Adding Pop-up Comments on User-Added Text

CLOSED
Bids
26
Avg Bid (USD)
$572
Project Budget (USD)
$250 - $750

Project Description:
Hello,

We are hiring a developer to create only the beginning of an application. If this milestone is completed well, there will be more work immediately. For completion of this project, please have this up and running on a development webserver we can access to test its functionality as described. The requirements are as follows:

OVERVIEW
“Carbonara” will be a site that lets users create text-only web pages that can be commented on by other users. Users can add comments by selecting parts of the text and writing them into a pop-up box; when a comment has been added, the related text becomes underlined. The comments can be viewed in a JavaScript pop-up window by clicking on the text that has been commented on. Think of it as a place where writers can post their work (let’s just call all their work “stories” to keep it simple) and have other writers/users critique the stories in detail. Any word, phrase, sentence or paragraph can receive a comment. All comments, once added, can be accessed by all other visitors (none are private). The homepage consists of a list of the 10 most recent pages that have been added, and a link to an “Archive” provides a page with an alphabetical list of all stories.

REQUEST
Build a basic website that will allow the following:

1. Homepage / Viewing Stories
A visitor to the site can either click to 1) add a new story or 2) just browse the existing stories. The main content displayed on the homepage is a center column that displays “Recently Added Stories”, with just the title of the 10 most recently added stories displayed. A link to an “Archive” provides a page with an alphabetical list of all stories. Each listed title links to the corresponding story's page.

2. Adding Stories
From the homepage, a visitor clicks an “Add New Story” button which takes him to a new page with a series of blank text fields: “Title”, “Topic”, “Source URL”, “Author(s)”, and the main field, which is very large, for “Text”. The user pastes his story into the “Text” field and fills in the other fields. He clicks submit. A new page with his story has been created. Its Title, and a link to it, will now appear on the homepage under “Recently Added Stories”.

3. Adding Comments
A user navigates to a story, and begins reading. When the user wants to make a comment, he can highlight any word, phrase, sentence or paragraph (whichever his comment relates to). Once the text is highlighted, a small pop-up button that says “Add a comment” pops up next to the highlighted text. The user clicks on this pop-up button. A much larger pop-up screen with a text field now appears. He types his comments into the text field, and then clicks on a “Submit” button. His comment is now connected to that piece of text, and the text that he has commented on becomes underlined on the page. Only text that has comment(s) connected to it is underlined.

4. Viewing Comments
Comments don’t appear unless the users clicks somewhere on the text that is underlined. When this happens, a large pop-up window appears that shows the full comment. Below the comment, the user can click an “Add new comment" button to enter another comment about the exact same text and submit it. If there are multiple comments on a particular part of text, a scroll bar on the pop-up window can allow users to see other comments.

That’s all we need for now. If you are selected and the project is completed successfully, more work will follow immediately.

This is important: To separate you from the spammers, please write VERIFYING I AM REAL as the first line of your bid. We will delete all bids that do not start with this phrase, since most bidders never read the requirements. Thank you for being one who does.

Skills required:
HTML, PHP, Python, Ruby on Rails, Website Design
Hire miklos1984
Project posted by:
miklos1984 United States
Verified
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.


$ 1000
in 8 days
Hire ithinksolutions
$ 850
in 20 days
$ 550
in 14 days
$ 750
in 20 days
$ 480
in 21 days
Hire Kartoos
$ 480
in 15 days
$ 350
in 10 days
$ 500
in 15 days
$ 750
in 15 days
$ 550
in 3 days