ClareBee Portfolio

---

View Live:

Deployed with Zeit:

https://clarebee.com/

Get Started Locally:

• npm install

• npm run dev

About

Portfolio site targetting ReactJS & JAMStack projects. WIP.

Tech Stack

Tech Stack

• NextJS
• React Hooks
• GSAP
• SCSS
• ScrollMagic.js
• React Highlight with custom theme
• React Markdown
• ESLint, Prettier, StyleLint, TypeScript
• Image optimisation including WebP
• React Icons

Features

Features

• Markdown blog with syntax highlighting
• Contact form with FormSpree
• Downloadable PDF with ReactPDF
• Interactive GSAP Motion Path animation (v.3.2)
• About Page
• Project Page with ScrollMagic
• Dark/Light Themes with CSS Variables
• Hamburger menu on mobile
• Responsive design

---

Homepage

Dark Mode

GSAP Journey Animation

Blog

PDF

Contact Form

About Page

Mobile Menu