https://github.com/ClareBee/portfolio-site

Personal Portfolio Site in NextJS
https://github.com/ClareBee/portfolio-site

formspree gsap nextjs reactjs sass scrollmagic zeit

Last synced: 17 days ago
JSON representation

Personal Portfolio Site in NextJS

• Host: GitHub
• URL: https://github.com/ClareBee/portfolio-site
• Owner: ClareBee
• Created: 2020-01-02T11:01:04.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T16:41:43.000Z (almost 2 years ago)
• Last Synced: 2024-07-30T21:08:02.503Z (3 months ago)
• Topics: formspree, gsap, nextjs, reactjs, sass, scrollmagic, zeit
• Language: JavaScript
• Homepage: https://clarebee.com/
• Size: 33.5 MB
• Stars: 5
• Watchers: 2
• Forks: 2
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ClareBee Portfolio

---

## View Live:

Deployed with Zeit:

https://clarebee.com/

[![Front‑End_Checklist followed](https://img.shields.io/badge/Front‑End_Checklist-followed-brightgreen.svg)](https://github.com/thedaviddias/Front-End-Checklist/)

## 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