A modern, minimalist portfolio showcasing my work as a Design Engineer, bridging classical mechanics and computer science to create impactful solutions for real-world challenges.

• Interactive Terminal Loading Sequence - Engaging entry animation with quantum-themed loading messages
• Responsive Design - Seamless experience across all devices with a mobile-first approach
• Dark Mode Support - Elegant dark theme with system preference detection
• Dynamic Content Sections - About, Projects, and Journal sections with rich content support
• Mathematical Formula Rendering - KaTeX integration for beautiful mathematical equations
• Code Syntax Highlighting - Shiki-powered syntax highlighting for code snippets
• Real-time Components - Live time display and dynamic UI elements
• Smooth Scrolling - Lenis-powered smooth scrolling implementation
• CV Download - Easy access to downloadable CV

• Framework: Next.js 15.1.0
• Language: TypeScript 5.7.2
• Styling: Tailwind CSS
• Animation: GSAP, Motion
• CMS: PayloadCMS
• Database: PostgreSQL
• Deployment: Docker
• Math Rendering: KaTeX
• Code Highlighting: Shiki
• Development Tools: ESLint, Prettier

1. Clone the repository:

git clone https://github.com/yourusername/danielcmadeley.git

2. Install dependencies:

pnpm install

3. Set up environment variables:

cp .env.example .env

4. Run the development server:

pnpm dev

The project includes Docker configuration for easy deployment:

docker-compose up -d

• /src/app - Next.js application routes and layouts
• /src/components - Reusable React components
• /src/lib - Utility functions and shared logic
• /public - Static assets and fonts
• /src/collections - PayloadCMS collection configurations

The portfolio emphasizes minimalism and functionality while showcasing technical expertise in both structural engineering and software development. The design system uses a carefully crafted color palette and typography to create a professional and engaging user experience.

MIT License - feel free to use this code for your own portfolio, but please provide attribution.

• Email: [email protected]
• LinkedIn: Daniel Madeley
• GitHub: @danielcmadeley
• X: @danielcmadeley

Built with 💡 by Daniel Charles Madeley - Design Engineer bridging the gap between structural engineering and software development.