The code to my personal website clemensheithecker.com. The app is a place to showcase my work as much as it is a portfolio item in itself. In this project, I apply my self-taught web-development skills starting with HTML, CSS, and JavaScript as well as higher-level frameworks such as Next.js, React, Tailwind CSS, MDX, and Framer Motion.
The core features of the app include:
- Responsive, mobile-first user interface.
- MDX-based portfolio and blog using data fetching.
- Re-routing for URL shortening (e.g. clemensheithecker.com/linkedin to linkedin.com/in/clemensheithecker).
- Multiple color schemes (light and dark mode).
- Custom animations and transitions.
Here is how to run the project locally:
-
Clone this repo.
git clone https://github.com/clemensheithecker/personal-site -
Go into the project root directory.
cd personal-site -
Install all dependencies.
npm install -
Run the development server.
npm run dev -
Finally, open http://localhost:3000 with your browser to see the app.