samdow's Instagram

This is an Instagram-like app where users can sign up and signed in users can post pictures to a feed that shows up when the app is opened. It was created from this tutorial with Bootstraps extensions added from other tutorials.

Then, I adjusted the styling following parts of this help guide and pattern matching from my website repo.

Use

When you first open the page, you will see the following screen:

Registering

The first thing to do when you first get onto samdow's Instagram is to register your account. After clicking on the Register button, you will be redirected to a page with the same header and a main part that looks like:

After filling out this form, it will look something like:

You will be immediately logged in and will be greeted with the following banner:

as well as being redirected to the mainpage. Because you're now logged in, the header will now be:

Logging In

If you have registered previously, you can login to your previously made account by clicking the login button. You will be redirected to:

If your username or password is incorrect, you will get the following message:

Otherwise, you will be redirected to the mainpage. Because you're now logged in, the header will now be:

Posting

If you want to make a new post, click the new New Post button to be redirected to the following page:

After filling out the form, it will look something like:

Then, if you hit submit, you can get:

If you go back to the mainpage, you will see:

This image, also includes the same image having been posted earlier without a description (you can see the bottom of the post above the one with a description). This shows that posts are added such that the newest posts are at the bottom and the oldest posts are at the top.

Logging Out

After you're done posting pictures to samdow's Instagram, you can sign out by clicking the Logout button. When you do, you will be greeted with:

If you click cancel, you will be put back on whatever page you were on before. If you click OK, you will see:

Currently, these are all the features that are offered for samdow's Instagram!