1

FAANGify Sem

This is a code bundle for FAANGify Sem. The original project is available at https://www.faangify.com/design/tGY3ZT4uYBWC02S5y1qbeh/FAANGify-Sem.

🚀 Quick Start

To run both frontend and backend simultaneously:

Running the code

Frontend Only (Development)

npm i
npm run dev

Full Stack (Frontend + Backend)

# Terminal 1: Start Backend
cd src/backend
pip install -r requirements.txt
python -m spacy download en_core_web_sm
# Configure .env file with MongoDB URI and Judge0 API key
python app.py

# Terminal 2: Start Frontend
npm i
npm run dev

Backend Setup

The backend is located in the src/backend/ directory. Follow these steps to get it running:

1. Navigate to Backend Directory

cd src/backend

2. Install Python Dependencies

pip install -r requirements.txt
python -m spacy download en_core_web_sm

3. Configure Environment

cp .env.example .env
# Edit .env with your MongoDB URI and Judge0 API key

4. Start MongoDB

Make sure MongoDB is running locally or use MongoDB Atlas.

5. Run Backend Server

python app.py

The backend will be available at http://localhost:5000 For detailed backend setup instructions, see docs/backend-setup.md

📁 Project Structure

FAANGify-Sem/
├── src/
│   ├── components/          # React components
│   │   ├── faangify/       # Image components
│   │   └── ui/             # UI components
│   ├── backend/            # Flask backend API
│   │   ├── models/         # Database models
│   │   ├── routes/         # API endpoints
│   │   ├── services/       # External services
│   │   ├── uploads/        # File uploads
│   │   └── utils/          # Backend utilities
│   ├── styles/             # Global styles
│   └── utils/              # Frontend utilities
├── docs/                   # Documentation
│   ├── backend-setup.md    # Backend setup guide
│   └── backend-api.md      # API documentation
├── uploads/                # User file uploads
├── package.json           # Frontend dependencies
├── vite.config.ts         # Vite configuration
└── README.md              # This file