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


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:


“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.


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: HTML, PHP, Python, Ruby on Rails, Website Design

See more: user added text website, writing user stories, writing request hiring, writers line, write story read, web page writers, web development project bids, web developer python, web developer overview, web developer line, web developer homepage, web application make development, web application development comments, types story writing, types development web, topic story writing, stories story writing, screen writers list, python php web development, python content writers, post stories, phrase story writing, parts link, overview web development, overview web developer

About the Employer:
( 0 reviews ) New York, United States

Project ID: #3981011

25 freelancers are bidding on average $565 for this job


********************************************.. YOUR SEARCH ENDS HERE .. ********************************************** GET IT DONE RIGHT THE FIRST TIME! Hello Sir/Ma'am, I look forward to talking to you further and get More

$1000 USD in 8 days
(118 Reviews)

Thanks for inviting us to bid on this project. We have a team of highly qualified and creative professionals. Give us a chance to show our talents and we assure you quality.

$850 USD in 20 days
(115 Reviews)

VERIFYING I AM REAL , i'm a professional web developer and i can create this application , kindly check PM

$550 USD in 14 days
(78 Reviews)

Hi , I am interested in taking this project. Please check my PMB for more details.

$750 USD in 20 days
(24 Reviews)

Hello, I have gone through your requirement; please check my detailed bid in your PM inbox. Regards

$480 USD in 21 days
(24 Reviews)

VERIFYING I AM REAL Dear, Will be done as per requirements....

$480 USD in 15 days
(59 Reviews)

VERIFYING I AM REAL. Clear with requirements and ready to start. Please check PMB for details. Thank you.

$350 USD in 10 days
(36 Reviews)

With over 10 years experience with PHP and MySQL, I can develop your AJAX based commenting application. I also work with HTML, CSS, JavaScript, AJAX, jQuery and the CodeIgniter framework. I have recently been worki More

$500 USD in 15 days
(4 Reviews)

VERIFYING I AM REAL. Ok, now that I've convinced you I'm real, let's talk details! I like the idea of this app and I think I've thought up a pretty elegant solution for the comment functionality. I do have a few que More

$750 USD in 15 days
(5 Reviews)

Hi, I am highly experienced in Webpage Design Wordpress, Joomla, PHP, My SQL, both Onpage and Offpage Optimization Skills........So Please Check PMB For More Details........

$550 USD in 3 days
(17 Reviews)

Hi, We have already developed a site with similar requirements. Please have a look at the demo link to the site. The site has many functionalities. User: john.kent(at) Pas More

$750 USD in 10 days
(8 Reviews)

VERIFYING I AM REAL Hi, Ruby on Rails developer here. I interested to work with you. Please check previous work reviews. Thanks

$500 USD in 15 days
(7 Reviews)

hi i can do this contact if interested

$320 USD in 15 days
(7 Reviews)

VERIFYING I AM REAL, i have read your requirement ready to start. I have over 6+ years of experience in php, mysql, css etc.

$340 USD in 20 days
(7 Reviews)

Hi, Please check PMB.

$500 USD in 30 days
(12 Reviews)

Please check PMB.

$350 USD in 10 days
(2 Reviews)

VERIFYING I AM REAL money is not important for this project for me i have a good experience and i can make a discount for u if u have another tasks i have 7 years with php experiences i have developed more than 100 we More

$500 USD in 10 days
(1 Review)

VERIFYING I AM REAL. I can do this job in just 2 days. The only thing I want to know is do you have a specific language in mind or I can use any language I want to develop in.

$250 USD in 2 days
(1 Review)

VERIFYING I AM REAL, we are two professionals who have worked in the Internet industry for 10 years and we decided to join our experience to offer our good work in web development and graphic design here at Freelancer. More

$750 USD in 10 days
(0 Reviews)

VERIFYING I AM REAL I really like the idea of your project, and I'd like to work on it.

$300 USD in 20 days
(0 Reviews)