Secure Photo App

A full-stack application for securely uploading, storing, and managing photos. The project consists of a React frontend and a Python backend, with support for authentication, cloud storage, and a modern user experience.

Table of Contents

• Features
• Project Structure
• Getting Started
• Backend Setup
• Frontend Setup
• Environment Variables
• API Integration
• Testing
• License
• Contact

Features

• User authentication
• Secure photo uploads
• Cloud storage integration (Azure Blob)
• View and manage your uploads
• Responsive React frontend
• RESTful backend API

Project Structure

backend/
  auth.py
  azure_blob.py
  db.py
  main.py
  models.py
  requirements.txt
  upload.py
  uploads/
frontend/
  api-server.js
  package.json
  README.md
  server.js
  public/
  src/

Getting Started

Prerequisites

• Python 3.8+
• Node.js (v14+ recommended)
• npm or yarn

Backend Setup

1. Navigate to the backend directory:

   cd backend

2. (Recommended) Create a virtual environment:

   python -m venv venv
   .\venv\Scripts\activate

3. Install dependencies:

   pip install -r requirements.txt

4. Set up environment variables in a .env file (see below).
5. Start the backend server:

   cd backend
   uvicorn main:app --reload                                          

Frontend Setup

1. Navigate to the frontend directory:

   cd frontend

2. Install dependencies:

   npm install

3. Start the frontend development server:

   npm run dev

   The app will be available at http://localhost:3000.

Environment Variables

Backend (backend/.env)

AZURE_STORAGE_CONNECTION_STRING=your_connection_string
SECRET_KEY=your_secret_key
DATABASE_URL=your_database_url

# Auth0 Configuration
AUTH0_DOMAIN=''
API_IDENTIFIER=''
ALGORITHMS=''

# PostgreSQL Configuration
DATABASE_URL=postgresql://username:password@localhost/db_name