v2.Jacky.Fan
v2.jacky.fan is a personal website built with Next.js, Tailwind CSS, and Framer Motion.
Features
- Light / Dark Mode
- Animation
- Responsive Design
- Contact Form
- Slider to showcase my previous works
- 3D Object Elements
Getting Started
Start Dev
Server:
# Clone the repo
git clone https://github.com/redfrogsss/v2.jacky.fan.git
# Install dependencies
cd v2.jacky.fan
yarn
# copy .env.local.template to .env.local and modifiy the values
cp .env.local.template .env.local
# Start dev server
yarn dev
This project uses the following tech:
- React - A JavaScript library for building user interfaces
- TypeScript - A superset of JavaScript.
- Vite - Next generation frontend tooling. It's fast!
- Tailwind CSS - A utility-first CSS framework for rapidly building custom designs.
- DaisyUI - A simple, responsive and customizable UI components library for Tailwind CSS.
- HeroIcons - A set of free MIT-licensed high-quality SVG icons for UI development.
- Appwrite - An open-source backend server.
- Tech Stack Icons - A set of free MIT-licensed high-quality SVG icons for UI development.
- Magnifier 3D Model - A 3D model of a magnifier.
- Letter 3D Modal - A 3D model of a letter.
- Pien Icon - A free icon from Microsoft.
- Cloudflare Pages - A website hosting service.