Full Stack
Photography Portfolio Website

A modern, responsive photography portfolio built with Next.js, React, and Tailwind CSS, featuring a sleek dark theme and seamless navigation.

Hero Section

Hero Section

About me Section

About me Section

Images parallax

Images parallax

About me Page

About me Page

Biography

Biography

Testimonials

Testimonials

Portfolio page

Portfolio page

Services Page

Services Page

Contact Page

Contact Page

Project Overview

This project is a fully responsive website built with Next.js and Tailwind CSS, based on an existing design. The site features five main pages and a comprehensive admin dashboard for content management and communication.

Key Features

  • Responsive Design: Seamless experience across desktop, tablet, and mobile devices.
  • Modern Tech Stack: Developed using Next.js for server-side rendering and routing, styled with Tailwind CSS for rapid, utility-first UI development.
  • Five Main Pages:
    • Home
    • About
    • Portfolio
    • Services
    • Contact
  • Admin Dashboard: Secure backend interface to manage website content and user interactions.
    • Add, update, or delete pictures and categories for the portfolio.
    • Inbox to view messages received from the contact page.
    • Mark messages as unread or delete them for better organization.
  • Contact Form Integration: Messages sent through the contact page are delivered directly to the admin dashboard inbox.

Technical Highlights

  • Next.js: Enables fast routing, SEO optimization, and server-side rendering for improved performance.
  • Tailwind CSS: Provides a consistent, customizable, and scalable design system.
  • Custom Admin Functionality: Built-in authentication and protected routes for secure access to dashboard features.
  • CRUD Operations: Effortless management of portfolio content and categories.
  • Message Management: Real-time inbox for handling user inquiries, with options to organize messages efficiently.

Project Impact

This project demonstrates my ability to transform static designs into dynamic, interactive web applications using modern frameworks. It highlights my skills in frontend and backend integration, responsive design, and building user-friendly admin tools for content and communication management.