38 lines
1.1 KiB
Markdown
38 lines
1.1 KiB
Markdown
# 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](https://react.dev/) + [Vite](https://vitejs.dev/)
|
|
- **Styling:** [Tailwind CSS](https://tailwindcss.com/)
|
|
- **Animations:** [Framer Motion](https://www.framer.com/motion/)
|
|
- **Icons:** [Lucide React](https://lucide.dev/)
|
|
- **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.
|