Basic Web Application for Adding Pop-up Comments on User-Added Text
This project received 26 bids from talented freelancers with an average bid price of $572 USD.Get free quotes for a project like this
Project Budget$250 - $750 USD
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:
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.
Looking to make some money?
- Set your budget and the timeframe
- Outline your proposal
- Get paid for your work
Hire Freelancers who also bid on this project
Looking for work?
Work on projects like this and make money from home!Sign Up Now
- The New York Times
- Wall Street Journal
- Times Online