🧘‍♀️ Focus Feed

Focus Feed is a distraction-free social media viewer designed to help users stay informed without falling into the endless scroll.
Instead of wading through ads, recommended posts, and cluttered interfaces, users can view only the updates they care about — cleanly, calmly, and without distractions.

👩‍🏫 Built as part of: Girls Who Code’s Leadership Academy Program

🌐 Live Site: focus-feed-iota.vercel.app
🎨 Figma Design: View on Figma

⚠️ Note: The site’s Instagram scraping functionality is currently inactive — our Scrapfly API ran out of credits 😅.
The frontend and backend are still fully deployable and functional locally.

---

🚀 Tech Stack

Frontend

• React

Backend

• Python
• Flask
• Scrapfly for web scraping (paid API)
• Supabase for hosted PostgreSQL database

Deployment

• Frontend: Vercel
• Backend: Render

---

⚙️ Setup Instructions

1. Backend Setup

cd backend
pip install -r requirements.txt

• Make sure to set up database credentials locally before running.

Run the backend:

flask --app app/app.py run --debug

2. Frontend Setup

cd frontend
npm install
npm start

The React frontend will launch on localhost:3000 Make sure the backend is running in another terminal window.

---

🧩 Features

MVP

• Fetch and display public Instagram posts in a clean, unified feed
• User authentication and personalized feeds
• Search bar for finding accounts/posts

---

👩‍💻 Team

Name	Role
Anna Belenko	Front-End Developer
Rocio Vasquez	Front-End Developer
Andrea	Back-End Developer
Aneesha Acharya	Back-End Developer

---