Liquid Development Website
The official portfolio website for Liquid Development, a German development team. Designed with a modern "Liquid" aesthetic using dark mode, glassmorphism, and fluid animations.
🚀 Tech Stack
- Core: React + Vite
- Styling: Tailwind CSS
- Animations: Framer Motion
- Icons: Lucide React
- Deployment: Docker + Nginx
📂 Architecture
The project follows a modular structure for easy maintenance:
src/data/: Edit text, links, and team members here.src/sections/: Main page blocks (Hero, Projects, Team).src/components/: Reusable UI elements (Navbar, Buttons, Cards).src/utils/: Animation logic.
🛠️ Setup & Run
Local Development
npm install
npm run dev
Docker Production
This project includes a production-ready Nginx configuration.
# Build and start the container
docker compose up -d --build
The site will run on port 8081 by default.
Description
Languages
JavaScript
93.8%
HTML
4.8%
Dockerfile
0.8%
CSS
0.6%