Zappify
A personal practice project to sharpen my React and UI design skills with Vite and Tailwind CSS.
About
- I recreate (slice) pages and components I find on the internet to study layout, typography, and interactions.
- Built purely for learning; non-commercial and not affiliated with original sources.
- Tech stack: React, Vite, Tailwind CSS.
Getting Started
# Clone repository
git clone https://github.com/zaki-ramadhan/zappify.git
cd zappify
# Install dependencies
npm install # or yarn / pnpm
# Run development server
npm run dev # default: http://localhost:5173
git clone https://github.com/zaki-ramadhan/zappify.git
cd zappify
# Install dependencies
npm install # or yarn / pnpm
# Run development server
npm run dev # default: http://localhost:5173
Scripts
dev- start development serverbuild- build for productionpreview- preview production build
Project Structure
src/
+- assets/ # Static files
+- components/ # Reusable UI parts
+- pages/ # Page-level components
+- App.jsx # Root app
+- main.jsx # Entry point
Deployment
- Vercel: https://zappify.vercel.app