Cristian's Neon Vibe Portfolio Website

This is my portfolio website github repository. Feel free to check out the files for how I designed this application.

Technologies

This is a Next.js project bootstrapped with create-next-app.

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You should be familiar with Next.js architecture to work with this repository.

This app uses Resend for its 3rd party Email API. You will need to sign up for Resend and save your API key in an environment variable to utilize the Contact Form.
The app/lib directory contains relavent types, server actions, email template for Resend using React Email, and portfolio data which will allow the sections to automatically populate with cards related to that data.
There are primarily 2 libraries used for animations: Keen-Slider for the Marquee effect on the Hero Section, and Framer Motion for the the Title change, experience expansion, and Contact form transitions. The active Navigation is made using Vanilla Javascript, though I could imagine you could use Framer Motion for this effect as well.