- Flask
- React
- Redux
- Node
Our team created a web application inspired by Instagram. The landing page is a login/signup page with animation. It provides a demo user login. After signing in, the user sees a feed of posts from followed users. One can click into posts, like them, comment on them, and reply to comments. On the right, one views suggestions of users to follow, and on the left, a navbar persists throughout navigation of the website. The navbar links to a modal to create posts, the profile page and back to the home feed. One can follow other users under the follow suggestions on the home feed or from the individual profile pages. Full CRUD operations include posts and comments and partial CRUD operations for likes, following and replies.
Candid.Video.mov
- Clone the repository
- In the root folder, create a .env file as below:
SECRET_KEY=«generate_strong_secret_here»
DATABASE_URL=sqlite:///dev.db
- Run "pipenv install --dev -r dev-requirements.txt && pipenv install -r requirements.txt" in the app folder
- Run "pipenv shell" in the app folder
- Run "flask db upgrade" in the app folder
- Run "flask db seed all" in the app folder
- Run "flask run" in the app folder
- Run "npm install" in the react-app folder
- Run "npm start" in the react-app folder
- Search
- Messaging
- Reply CRUD operations
- Like comments
- Like replies