Welcome to the source code of my personal portfolio website — a digital playground where design, animation, and frontend engineering collide. This project was built to embody the blend of creativity and technical finesse I bring to every project.
This portfolio is a Next.js single-page experience powered by:
- Matrix-style digital rain (custom WebGL/canvas-based component)
- Framer Motion animations
- ReactBits components (DecryptedText, TextType, etc.)
- Custom cursor, glitch effects, and a cohesive neon-cyber aesthetic
The goal: create a space that feels alive — reactive, fluid, atmospheric — while staying performant and accessible.
- Next.js 14 (App Router)
- React
- TypeScript
- Tailwind CSS
- Framer Motion
- ReactBits
- Formspree (Contact form handler)
A custom component that renders fullscreen digital rain, responsive across breakpoints.
Includes:
- Decrypted text animation
- Typing text rotation
- Smooth fade-ins and motion sequencing
A text-only project grid styled to match the Matrix aesthetic, with hover effects and portal-like interactions.
Custom handler prevents Formspree redirects and displays in-page status messages.
A glowing neon cursor that reacts to motion and hover targets.
Optimized for desktop, tablet, and mobile — including landscape edge-cases.
/src
/app
layout.tsx
page.tsx
/components
matrix-rain.tsx
custom-cursor.tsx
navbar.tsx
footer.tsx
texttype.tsx
texttype.css
/public
/assets
favicon.ico
If you want to collaborate, hire, or discuss a project, feel free to reach out to me directly on the portfolio or via:
Email: chikaclothing1960@gmail.com
This project is the result of countless experiments, late-night rebuilds, aesthetic obsessions, and an unreasonable love for The Matrix.
If you find anything interesting here, drop a star ⭐ on the repo — it helps more than you know!