Skip to content

meScroll is a photo sharing app inspired by Instagram. Users can create a user profile, create posts, and leave comments on there own posts and others' posts!

Notifications You must be signed in to change notification settings

joshsalcido/mescroll

Repository files navigation

Welcome to meScroll!

Similiar to the popular photo sharing app Instagram, at meScroll you can upload photo posts, comments on photo posts, and view your very own profile, and other users profiles as well! Check out meScroll now!

Created with: Python, JavaScript, React, Redux, PostgresSQL, Flask, SQLAlchemy, Docker, CSS, Heroku

Landing Page

If you have a meScroll account Log in! If you don't have an account yet feel free to browse around by using our Guest Login Button, or click our Sign Up link and get started creating an account!

Screen Shot 2022-08-15 at 1 17 49 AM

Sign-Up Page

Fill out the Sign-Up form and get started on meScroll with your very own account!

Screen Shot 2022-08-15 at 1 18 07 AM

Create a Post!

Once you have signed up you will automatically be logged in and taken to our main meScroll feed, where you will see all posts of our users. On our Navigation Menu you will see a square witha + sign, click on it to create your first post! Wether you are on the main feed home page, or in your own profile page, you will automatically see your photo be live and posted! You can also instantly delete it or edit it from both location, mainfeed (home page) and your user profile!

Screen Shot 2022-08-15 at 1 25 37 AM

Screen Shot 2022-08-15 at 1 34 28 AM

Screen Shot 2022-08-15 at 1 34 45 AM

Leave some Comments!

meScroll users are able to leave multiple comments on there own posts and other users posts as well! Users can also edit and delete there own comment in the mainfeed/home page!

MeScroll-CommentsSmaller.mov

Technical Implementation Details

My Allposts component contains a lot of functionality and other components within it. It still has room for clean up and organization, but at the start of this project I was running into several different issues as I was trying to render my comments and all my forms associated with everything on the mainfeed inside the Allposts component! I created two separate components one for a comment section and one for my comment form, and I took advantage of props to pass down the data needed for those components. It cleaned up my code a lot, and made it easier and more efficient to work with!

Screen Shot 2022-08-15 at 2 01 53 AM

meScroll layout and Plan:

To-dos/Future Features

Here are some features that haven't made the site yet but will be implemented soon!

  • Followers and capability to Follow
  • User profile editing, and profile pic uploading
  • Search Bar to find other users
  • Likes
  • Post Bookmarking

About

meScroll is a photo sharing app inspired by Instagram. Users can create a user profile, create posts, and leave comments on there own posts and others' posts!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published