Instagram Style Web App using Boostrap, PHP, and jQuery

Online tutoring services

Need help with this question or any other PHP Programming assignment help task? Click on the button below to to hire an expert cheap.

Specifically, you will create the following:


Bootstrap, PHP, jQuery


Home Page


Contains information about your application (be creative)

Provides links to Register/Login

If a person is already logged in, goes to the photo browsing page


Registration Screen


Users of CITPics must register for an account before they are able to login and upload photos.

All registrants will be normal users (0 for value of u_isAdmin)

Registration should ask the user for:

First name

Last name

E-mail

Password

Geographic Location (zip code)


Login Screen


After registration, a user must login

This page will present the user with a login in screen.

There will be one user (admin) already in the database:

Username: admin/@/citpics.com, Password: adminofPics, 1 for u_isAdmin

Logging in as the admin will take the user directly to the admin page


Photo Viewing Page


Once logged in, users who are not admins will arrive at this page

This page should show the user their own name

This page will also show the user all photos uploaded by all users (making this easy on everyone)

Specific information shown for each image:

Title

Image itself (thumbnail image)

Summary

# of Likes

Link to Comments for that photo

Clicking an image will bring up the full size version of the image

HINT: You should use a jQuery plugin for this


Photo Upload Utility


This page will allow the user to upload a new pic to the system

When uploading, the user must complete a form with the following fields:

Title for this image (128 characters or less)

Summary for this image (can be paragraphs of data)

The upload form must be validated, meaning a file and the two fields above must be present before proceeding

You can use HTML or jQuery validation

When uploading, values for all fields in the database table for pics should be populated




Photo Commenting Utility


When a user wishes to view the comments for a pic, all comments will be provided in a list, sorted by the date the comment was made (Descending order)

At the bottom of the list of comments, the user should be able to add a new comment for that particular pic.

When adding a new comment, you must use AJAX to send the new comment to a page for database processing and also dynamically update the list of comments shown for the image to include the new comment at the top of the list.


Photo Like Utility


Must provide a way for a user to like an image and when an image is liked, if it has not already been liked by that user (see below), increment the number of likes for that particular image in the database.

When an image is liked, if it is allowed (see below), use AJAX to update the database and also jQuery to update the # of likes for that particular pic

NOTE: You must be able to limit the liking of an individual photo to one time per user per computer. HINT: Think cookies.


Admin Page


From here, the admin should see a list of all users in the system.

Clicking on a user’s name should present all images uploaded by that particular user.

This page also needs to allow an admin to remove (delete) an offending image from the system.

Database Structure for Project



username:   citpics

password:   c1tp1csDBPa55

DB:         citpics


Tables/Structure:


user

      u_ID: integer                                           PK (auto-increment)

      u_FName: varchar(100)

      u_LName: varchar(100)

      u_Email: varchar(100)

      u_Password: varchar(128) – md5’ed

      u_Location: varchar(5)

      u_isAdmin: boolean

     


pic

      p_ID: integer                                           PK (auto-increment)

      p_Filename: varchar(100)

      p_Title: varchar(128)

      p_Summary: mediumtext

      p_Upload: timestamp      (default: CURRENT_TIMESTAMP)

      p_Likes: integer           (default: 0)

      u_ID: integer                                           FK to user




comment

      c_ID: integer                                           PK (auto-increment)

      c_Text: mediumtext

      c_Date: timestamp        (default: CURRENT_TIMESTAMP)   

      p_ID: integer                                           FK to pic




I have the registration page done and all the framework needed is in the zip file

Also, I only need a C on the assignment to pass

Get Help With a similar task to - Instagram Style Web App using Boostrap, PHP, and jQuery

Login to view and/or buy answers.. or post an answer

Related Questions

Similar orders to Instagram Style Web App using Boostrap, PHP, and jQuery
91
Views
0
Answers
PHP and MySQL homework in XAMPP application
Create a MySQL database and tables, Query database using PHP (list, add, search for, delete records in a database),Implement best practices to secure user password, Implement form-based web authentication in the user log in process,Use prepared statements and user-defined sanitizing functions to prevent certain injection attacks,Provide client-side validation using JavaScript and server-side validation with PHP,Implement session management on chosen web pages,Design a dynamic web database application. Answer all the questions in the document below and also make comments to your coding to explain what you are doing in each line....
152
Views
0
Answers
PHP QUIZ - Constitution Final
Hide Assignment Information Instructions Please note: It is just a given in our industry that your code has to run! If your code does not run, you will not receive any points. You will be creating a PHP-driven web site that is a practice quiz for people taking the civics portion of the United States Naturalization Test. There are 100 possible questions for this portion of the test; however, in practice applicants are given only 10 questions, chosen randomly. An applicant must answer 6 out of 10 questions correctly to pass the civics portion of the naturalization test. Your task is to use the 100 sample questions provided in the official Civics (History and Government) Questions for the Naturalization Test document. (Dr. Alfaro will provide a PHP code snippet with two arrays, one of questions and one of answers, which you may use.) Your application should display ten questions at random along with a text input box for each answer. The user should be able to input a short answer, and the script will compare the user's answers against the correct answers. Be sure to convert any special characters to HTML! When checking for correct answers, CASE SHOULD NOT MATTER. Also, your...
180
Views
0
Answers
PHP homework
I will give details later....
284
Views
0
Answers
I need to direct a PHP form to the correct directory

For right now I just to figure out how to find the path to the correct PHP database. I imagine it would take like 5 minutes for someone who knew what they were doing.

...