Skip to content

Latest commit

 

History

History
92 lines (57 loc) · 1.56 KB

README.md

File metadata and controls

92 lines (57 loc) · 1.56 KB

ClareBee Portfolio


View Live:

Deployed with Zeit:

https://clarebee.com/

Front‑End_Checklist followed

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

homepage

Dark Mode

dark mode

GSAP Journey Animation

journey

Blog

blog

PDF

pdf

Contact Form

contact form

About Page

about page

Mobile Menu

mobile menu