Friend Management Application

A full-stack application for managing friends with React frontend and FastAPI backend.

Project Structure

• frontend/: React application using Chakra UI
• backend/: FastAPI server with SQLAlchemy

Setup Instructions

Backend Setup

1. Navigate to the backend directory:

   cd backend
   

2. Create a virtual environment:

   python -m venv .venv
   

3. Activate the virtual environment:

   • On Windows:

     .venv\Scripts\activate
     

   • On macOS/Linux:

     source .venv/bin/activate
     

4. Install dependencies:

   pip install -r requirements.txt
   

5. Run the backend server:

   uvicorn backend.main:app --reload
   

Frontend Setup

1. Navigate to the frontend directory:

   cd frontend
   

2. Install dependencies:

   npm install
   

3. Start the development server:

   npm run dev
   

API Documentation

• API documentation is available at http://localhost:8000/docs when the backend server is running.

Features

• View all friends in a responsive grid layout
• Add new friends with validation
• Edit existing friends
• Delete friends with confirmation
• Real-time updates without page refresh