Skip to content

My portfolio website built with Next.js, styled with TailwindCSS, and animated with Framer Motion.

License

Notifications You must be signed in to change notification settings

s-shemmee/My-Portfolio-Website

Repository files navigation

SHEMMEE | Front-end Developer Portfolio

Portfolio launch

🚀 Project Overview

I'm Shemmee, a front-end developer with a passion for building engaging, scalable, and unique web experiences. This portfolio showcases my skills and projects, built with the powerful Next.js framework. It's designed for optimal performance, accessibility, and visual appeal across all devices.

🌟 Key Features

  • 💻 Responsive Design: Optimized for seamless viewing across desktops, tablets, and mobile devices.
  • 📧 Contact Form: Visitors can easily reach out via email, integrated through Nodemailer.
  • 🌗 Dark/Light Mode Toggle: Users can switch between themes, providing a personalized viewing experience.
  • 🔍 SEO Optimization: Proper meta tags, sitemap, and robots.txt ensure higher visibility on search engines.
  • ⚡ Performance Optimization: Preloaded resources, optimized images, and lazy loading ensure fast and smooth performance.

🌐 Technologies Used

  • Frontend: Next.js, React, TypeScript
  • Styling: TailwindCSS, CSS
  • Animation: Framer Motion
  • Email Integration: Nodemailer
  • Hosting & Deployment: Vercel

📊 Lighthouse Score

Built with a focus on performance, accessibility, best practices, and SEO, achieving an excellent Lighthouse score:

lighthouse_score

🔧 Getting Started

This repository serves as a template version of my portfolio. Feel free to fork, modify, or customize it to suit your needs.

To run this project locally:

  1. Clone the repository:

    git clone https://github.com/s-shemmee/my-portfolio-website.git
  2. Install dependencies:

    cd my-portfolio-website
    yarn install
  3. Run the development server:

    yarn dev
  4. Open http://localhost:3000 to view it in the browser.

📜 License

This project is licensed under the MIT License, meaning you’re free to use, modify, and distribute the code with proper attribution.