A FullStack Instagram App built with Flask and React.
Checkout the site in action here Deployed App
(Note: The website can take upto 30 seconds (hosted on Render free tier services), as the project has no clients, its just for learning, please refer the source code to run locally).
- Python
- Javascript
- light weight sqlite database
- React
- Redux
- Flask
- JWT (token authentication)
- An Instagram clone build with Flask, React, Redux.
- Allows users to like, share, comment, posts or create their own.
- follow or get connected with other users and more functionalities within the app to discover.
This page displays posts of only those users whom you are following.
This page displays the complete details about the post (like about, liked by, comments etc.)
The application is little strict about comments 😁, you need to follow the post's author in order to add comments (you can remove this feature too from the code).
At this page you can see posts, made by all the signed up users in the application (global posts in short).
Just like istagram here you can see your messages (your inbox basically), you can also send a new message to any user present in the application.
Here you can manage your profile information like your profile picture (which you can update), your posts, followers and the people you are following. Also, just like instagram can also visit other peoples profile as well.
For this application i have only made available the apis or backend part, so that you can feel free to design your own UI, based on any frontend library or framework of your choice. You can also test the apis with postman (APIs are present in this directory => project_files, once downloaded just import the apis file in your postman app).
after downloading/cloning the repository code, follow below steps:
-
create your virtual environment
python -m venv myenv -
activate your virtual environment
myenv\scripts\activate -
install project dependencies
pip install -r requirements.txt -
create your flask database
flask db init -
make your first migration
flask db migrate -m "create tables" -
upgrade or update your database
flask db upgrade -
run the project
flask run -
open a new terminal window follow below commands(keep the application running)
flask shell
- running following commands in shell (to avoid roles related issues, by default application will provide you user role permissions), so with below command we are setting up 3 types of roles: User, Moderator and Administrator
Role.insert_roles()
- confirm roles
Role.query.all()
- exit shell
exit()
- As your application is entirely new so there is no data in it so go ahead and signup and login to create your new account (i highly recommend to import the json file present in "project_files" directory to ease your work)
- Note: if the application is not recognizing localhost then use its address instead like this =>
http://127.0.0.1:5000/login, make sure to not include extra slashes "/" at the end of your endpoint or api to avoid not found issues, please use the urls as mentioned in views.