A fun spin on Instagram where the animals are the users.
- User Auth
- Images
- Likes
- Commenting on Images
- Following & Photo feed
- Direct Messaging
- hashtags
We used React and JavaScript on the front end. Using React hooks let us utilize state and context to keep our app from having to refresh.
We used Python's Flask framework on our back end. We used the following endpoints to make our app RESTful
-
Main:
- GET / - All posts from accounts user follows
-
Blueprint: 'users', url_prefix = "/api/users"
- GET /:id - Get all user info
- POST / - Create new user
- PUT /:id - Edit user info
- DELETE /:id - Delete user
-
Blueprint: 'posts', url_prefix = "/api/posts"
- GET /:id - Get one post
- POST / - Create a new post
- PUT /:id - Edit a post
- DELETE /:id - Delete a post
-
Blueprint: 'comments', url_prefix = "/api/comments"
- GET /:id - Get all comments for post at id
- POST /:id - Comment on a post at id
- DELETE /:id/:id2 - Delete comment(id2) from post at id
-
Blueprint: 'likes', url_prefix = "/api/likes"
- GET /:id - Get all likes for post at id
- POST /:id - Like a post at id
- DELETE /:id - Unlike post at id
-
Blueprint: 'following', url_prefix = "api/following"
- GET / - All accounts the user is following
- POST / - Follow someone
- DELETE / - unfollow someone
-
Blueprint: 'followers', url_prefix = "api/followers"
- GET /:id - Get all followers for user
- React.js
- Flask
- Flask-Cors
- Flask-SQLAlchemy
- SQLAlchemy
- Werkzeug
- Alembic
- Flask-Migrate
- Flask-Login
We used Flask-Login on our back end to keep track of our user authorization. On the front end, we used protected routes to re-route to the log-in/ sign-up page.
Keeping track of our users and state we were able to render a users profile with all of their posts.