Skip to content

Initial Roster app setup with React frontend and Express backend#5

Open
quarterback wants to merge 1 commit intomainfrom
claude/roster-networking-app-0Oo8U
Open

Initial Roster app setup with React frontend and Express backend#5
quarterback wants to merge 1 commit intomainfrom
claude/roster-networking-app-0Oo8U

Conversation

@quarterback
Copy link
Copy Markdown
Owner

Summary

This PR introduces the complete initial implementation of Roster, a professional networking application with introduction credits mechanics. The project includes a React + TypeScript frontend with Vite, an Express backend with SQLite database, and integration with an external brokerage API for credit management.

Key Changes

  • Frontend Setup: Complete React + TypeScript + Vite + Tailwind CSS application with:

    • Authentication context and protected routes
    • Browse professionals with filtering by expertise and availability
    • Profile viewing and introduction request modals
    • Request management (sent/received)
    • Active connections and messaging interface
    • User profile creation and editing
    • Credit balance tracking and display
  • Backend Setup: Express.js server with:

    • SQLite database via better-sqlite3
    • Authentication endpoints (register, login, get current user)
    • Profile management endpoints
    • Professional browsing with filters
    • Introduction request workflow (send, accept, decline)
    • Connection and messaging system
    • Credit status tracking and management
    • Brokerage API integration for SPA operations
  • Configuration Files:

    • .env.example with brokerage API and server configuration
    • .gitignore for Node.js projects
    • Comprehensive README with setup instructions, feature overview, and API documentation
  • Design Philosophy: Minimalist, clean interface inspired by read.cv with focus on white space and professional typography

Notable Implementation Details

  • Introduction Credits System: Users receive 10 credits per month with 1-5 credit allocation per request, supporting bilateral exchange
  • Brokerage Integration: External API integration with fallback to local credit tracking if unavailable
  • Responsive Design: Mobile-first approach with bottom navigation on mobile and desktop sidebar navigation
  • Type Safety: Full TypeScript implementation across frontend and backend
  • Database Seeding: Mock data generation for development and testing

Implements a complete professional networking web app featuring:
- React + TypeScript + Vite frontend with Tailwind CSS
- Express + SQLite backend with mock auth
- Introduction credits system (10 credits/month, 1-5 per request)
- Profile creation and editing
- Browse professionals with filtering
- Bilateral credit exchange for connections
- Messaging between connected users
- Brokerage API integration for SPA operations
- 30 seeded mock professionals for demo
- Mobile-responsive design inspired by read.cv

Demo: Use any seeded email (e.g., sarah@example.com) with password "demo123"
@vercel
Copy link
Copy Markdown

vercel bot commented Jan 26, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
frameworks Error Error Jan 26, 2026 4:46pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants