A modern, interactive portfolio website built with Next.js, featuring 3d visualisations and dynamic components. This portfolio showcases my expertise in modern web development, 3d graphics, and interactive user experiences.
Archi-Tech is a personal portfolio project that demonstrates advanced web development techniques and creative design. The project combines cutting-edge technologies to create an immersive and engaging user experience, highlighting my skills in:
- Full-stack web development
- 3d graphics and visualisation
- Interactive UI/UX design
- Modern web technologies
- Performance optimisation
-
Interactive 3D Contact Form: A stunning contact form with a 3D Earth visualization
- Realistic Earth model with texture mapping
- Interactive orbit controls
- Dynamic lighting and post-processing effects
- Responsive design with mobile support
- Form validation and submission handling
- Animated feedback states
-
Modern Tech Stack
- Next.js 14 with App Router
- Three.js for 3d graphics
- Framer Motion for animations
- Tailwind CSS for styling
- TypeScript for type safety
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
-
src/components/: Reusable React componentsContactForm.tsx: Interactive 3d contact form with Earth visualisation- Other components...
-
src/app/: Next.js app router pages -
public/: Static assets including textures and images
To learn more about the technologies used in this project:
© 2024 luckys-lnz. All rights reserved.
This portfolio website and its contents are the intellectual property of (BitNest). The design, code, and content are protected by copyright laws. Unauthorised use, reproduction, or distribution of any part of this portfolio is strictly prohibited without prior written permission.
For inquiries about using any part of this portfolio, please contact me through the contact form or send an email to luckys-lnz.