calculusphile

FTL Thinking Machine 2026

A social learning web application built with Next.js, TypeScript, Prisma, and Neon Postgres — enabling collaborative knowledge sharing.

FTL Thinking Machine 2026

A social learning web application built with modern web technologies — enabling collaborative knowledge sharing and interactive learning experiences.

Overview

FTL Thinking Machine is a full-stack social learning platform designed to connect learners and facilitate knowledge exchange. Built during the FTL (Faster Than Light) 2026 initiative, the app leverages cutting-edge web technologies for a fast, responsive user experience.

Features

  • User Profiles — Individual profile pages with dynamic routing (/u/[username])
  • Social Feed — Share and discover learning resources
  • Modern UI — Clean, responsive design with Tailwind CSS and Geist font
  • Database-Backed — Persistent data storage with Prisma ORM and Neon Postgres
  • Server-Side Rendering — Fast initial loads via Next.js App Router
  • Type Safety — Full TypeScript coverage across the stack
  • API Routes — RESTful API layer for client-server communication

Tech Stack

Layer Technology
Framework Next.js (App Router)
Language TypeScript
Styling Tailwind CSS, PostCSS
ORM Prisma
Database Neon Postgres (serverless)
Linting ESLint
Font Geist (Vercel)

Quick Start

# Clone the repository
git clone https://github.com/calculusphile/FTL-Thinking-Machine-2026.git
cd FTL-Thinking-Machine-2026/social-app

# Install dependencies
npm install

# Run the development server
npm run dev

Open http://localhost:3000 to see the app.

Project Structure

social-app/
├── src/
│   └── app/
│       ├── api/            # API routes
│       ├── u/[username]/   # Dynamic user profile pages
│       ├── globals.css     # Global styles
│       ├── layout.tsx      # Root layout
│       └── page.tsx        # Home page
├── prisma/                 # Prisma schema & migrations
├── public/                 # Static assets
├── next.config.ts          # Next.js configuration
├── tsconfig.json           # TypeScript config
├── postcss.config.mjs      # PostCSS config
├── eslint.config.mjs       # ESLint config
└── package.json

Status

🚧 In active development — Core social features and user profiles are being built. Contributions and ideas welcome!