A modern portfolio website built with Next.js and Tailwind CSS, showcasing my work as a UI/UX designer and developer.
- Responsive design that works on all devices
- Modern and clean UI with smooth animations
- Multiple pages for different sections (Home, Services, Works, About, Testimonials, Contact)
- Optimized images and performance
- SEO-friendly structure
- Next.js - React framework for production
- TypeScript - Type safety
- Tailwind CSS - Utility-first CSS framework
- Framer Motion - Animation library
- Clone the repository:
git clone https://github.com/yourusername/portfolio.git- Install dependencies:
cd portfolio
npm install- Run the development server:
npm run dev- Open http://localhost:3000 with your browser to see the result.
src/
├── app/ # Next.js app directory
│ ├── about/ # About page
│ ├── contact/ # Contact page
│ ├── services/ # Services page
│ ├── testimonials/ # Testimonials page
│ ├── works/ # Works page
│ ├── layout.tsx # Root layout
│ └── page.tsx # Home page
├── components/ # Reusable components
│ ├── Navbar.tsx # Navigation component
│ ├── Footer.tsx # Footer component
│ ├── AboutSection.tsx # About section
│ ├── ContactSection.tsx # Contact section
│ ├── TestimonialsSection.tsx # Testimonials section
│ └── WorksSection.tsx # Works section
└── public/ # Static assets
└── images/ # Image files
The site can be deployed to any platform that supports Next.js applications. Some popular options include:
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.
- Email: adrianoduma8@gmail.com
- Phone: +254 713 407 292
- Location: Bremen, Germany