This website serves as my developer portfolio and documentation hub. It is designed to be a showcase of both my projects, my technical capabilities in modern web development, and my ability to effectively utilize AI tools to enhance -- but not replace -- the development process. It features a unique blend of mathematical art and clean, functional design.
The homepage of this website features the iconic Mandelbrot fractal. All other pages on this site feature completely unique Julia fractals generated based on hashing the page's URL slug. Julia sets are closely related to the Mandelbrot set -- the Mandelbrot set can be thought of as effectively a dictionary of all Julia fractals. My intention here is to poetically reflect the nature of the math: the Mandelbrot set is the grand overview, and the Julia sets are the endless worlds hidden within it.
Key Features
- Dynamic Fractal Backgrounds: Utilizes Three.js and custom GLSL shaders to generate unique Mandelbrot and Julia set fractals seeded by the page URL.
- MDX-Driven Content: Project pages and documentation are authored in MDX, allowing for a seamless blend of Markdown simplicity and React component power.
- Fluid Animations: Implements Framer Motion for smooth page transitions and scroll-linked fractal interactions.
- Glassmorphism UI: A consistent, modern aesthetic using blurred surfaces and neon accents.
- Responsive Design: Fully optimized for all device sizes with a mobile-first approach.
Technology Stack
- Framework: Next.js (App Router)
- Graphics: Three.js & React Three Fiber
- Styling: TailwindCSS
- Animation: Framer Motion
- Content: MDX with custom components
Local Setup
To run this site locally for development:
-
Clone the Repository:
git clone https://github.com/Elvenide/elvenide.com.git cd elvenide.com -
Install Dependencies:
npm install # or bun install -
Start Development Server:
npm run dev # or bun dev -
Access the Site: Open http://localhost:3000 in your browser.