Build Instagram Clone using PHP,MYSQL +Js

Build a PHP-based login page with a two-column layout, using email or username and password fields, a branded icon, and links for forgot password and sign-up.

Style the login page by configuring a public assets folder, linking CSS, removing margins, setting html font-size, centering content with flex, and styling inputs and links.

Learn to implement metadata in HTML via meta tags, set the page title, description, and viewport, specify keywords and author, and apply SEO-focused metadata across login, register, and other pages.

Learn to implement show and hide password functionality with JavaScript by toggling the password input type between password and text via click events and event listeners in a public folder.

Set a default timezone in a PHP project by selecting the continent and region (Africa, Ghana, Accra), and configure a base PHP file with output buffering and session start.

Submit a form to the same page using post to protect sensitive data. Implement a php inputs class with methods to retrieve post data and enforce required fields with errors.

Learn to implement a check empty field method for a register form, validating required fields like email, password, username, and full name, and display errors via a dedicated function.

Validate the username, full name, and password in a registration flow, enforce minimum lengths and display targeted error messages when inputs are too short, and implement email validation.

Validate emails in a php form by checking non empty input, sanitizing with sanitize_email, and validating with validate_email, with plans to enforce unique email and username.

Create a MySQL database named Instagram and a users table with user_id as the primary key, including username, full name, email, password, and a default profile image.

Create a config.php with database constants and a Database class with a static connect method using PDO to connect to the instagram database.

Check the uniqueness of username and email against the users table using a php mysql accounts class, display error messages for duplicates, and validate password length during registration.

Create a register user method that validates and sanitises input, encrypts the password, and inserts username, full name, email, password, IP, OS, and browser into the database using prepared statements.

Implement a php login check to verify the user by their user id, redirecting logged-in users and guiding non-logged-in users to the register or login pages on an instagram clone.

Create the login_user method accepting two arguments: email or username and password. Query the database for the provided email or username, verify the password, and handle errors.

Refactor the Instagram clone project by adding a PHP logging file and a registration file, validate non-empty username and password, and wire basic back-end logic.

Create a 404 error page for the Instagram clone using PHP and CSS. Build a header with a left logo, login checks, and links to profile or home.

Build a header with three columns for logo, search bar, and links using wrappers and classes, and use PHP to show an active home icon and include an Instagram SVG.

Style the header of the Instagram clone by creating a css file, defining css variables for primary and secondary colors, and arranging header items with flexbox.

Create a logout modal inside the profile menu for a php mysql js instagram clone. Structure the menu container, svg icons, and a default hidden logout module.

Implement logout functionalities by creating a logout modal and wiring profile button clicks to toggle the menu container display between none and block.

Create a PHP logout page that destroys the user session, clears session data, and redirects when no active session exists; implement session checks alongside register and login flows.

Create a getUserDataFromSession method in a PHP class to verify the session and fetch the logged-in user's data from session, then load it from the database.

Create a search method in PHP to query users by username, full name, or email using prepared statements, binding values, and fetching results as objects.

Create a live search feature for the Instagram clone by capturing input, sending a jQuery Ajax request to search.php, and rendering matching user results in a dedicated container.

Create a two-column main layout for an instagram clone by building the html skeleton inside a main container and content area, styled with css flex and php-rendered user blocks.

Create a follow table in the instagram database with an auto-incrementing id, sender and receiver integers, a status field, and a timestamp default, then save.

Create a who to follow method in PHP to fetch follows from the users table, excluding the current user, join with the follow table, and limit to five.

Develops the isFollowing method by checking the session for user_id, preparing a select query with limit 1, executing it, and counting results to verify if the user follows an account.

Implement a follow method that uses the session user id, checks if the target user is not already followed, and inserts the follow data into the database with status.

Implement the unfollow method in the PHP backend by adjusting the public function to remove the follower relationship from the database, targeting the receiver column with a limit of one.

Create and test follow and unfollow functionalities in a PHP/MySQL Instagram clone using JS and AJAX, wiring data attributes and UI buttons to update the database's following table.

Create a getDetails method to fetch a specific column from the users table where user_id equals the provided parameter, and implement a helper function to truncate long name with ellipsis.

Create a public peopleMightKnow method in PHP to fetch followers and following with PDO, iterating results to display who follows whom and show follow messages.

Create and style the aside footer by building a side menu with links, adjusting item layout and spacing, and implementing a php-based copyright that echoes the year.