README.md

cloudvoyant

Typescript
Next.js
React Logo
React
GCP
Tailwind

My portfolio site build with Next.js

Features

iOS inspired design

image

LinkedIn clone Skills "app" showcases my experience and skills

image

Github clone Projects "app" showcases projects with code highlighted markdown

image

Instagram clone About "app" showcases a curated image feed

image

Mobile first design

image

Light and dark mode supported, along with using system settings

image

Implementation

  1. Front-end is server-side rendered with Next.js
  2. Data stored in firebase firestore
  3. Static assets stored in Google Cloud Storage
  4. Images optimized with sharp, and served with Cloudinary for fast load times

Motivation

To showcase my skills at crafting powerful user experiences in Single Page Applications, while serving as a professional portfolio.

Future Direction

  1. Static rendering once design and data is more stable
  2. Switching to remix with GCP hosting
  3. Allowing project demos to open up as "apps" instead of opening in new tabs