InstaCrumbz is a full-stack web application inspired by Instagram, with a little twist! Our application provides users the ability to post pictures of their finished meals, leave likes and add comments to said photos!
With Instacrumbz, upload images of your dirty dishes and half eaten meals, and show everyone what you ate during the day. The more crumbs the better!
This project mimics Instagram's ability to share and post pictures on an online platform.
Frontend:
Backend:
Hosted On:
-
Clone the github repository to a file location of your choice, recommend using "Download ZIP" in the Code dropdown menu for this repository.
-
Run pipenv install -r requirements.txt in the app directory to install the appropriate dependencies:
pipenv install -r requirements.txt
While those dependencies are installing, you may also open up a seperate integrated terminal, and ** npm install ** the appropriate dependencies to the react-app folder.
npm install
- Create a .env file in the root of the app folder and copy the contents below. Replace the insert secret key here with your own very secret key!
SECRET_KEY= <<INSERT_SECRET_KEY_HERE>>
DATABASE_URL=sqlite:///dev.db
- While still in the app folder, get into your pipenv, migrate your database, seed your database, and run your Flask app:
pipenv shell
pipenv run flask db init
pipenv run flask db migrate
pipenv run flask db upgrade
pipenv run flask run
- Run npm start in the Frontend folder:
npm start
- You should now be able to see the web application in your browser when you navigate to localhost!
