Menath Nadungoda's Portfolio

This is my personal portfolio website built with Next.js, styled using Tailwind CSS, and enhanced with Framer Motion for smooth animations. The project showcases my skills, projects, and professional journey as a Full-stack Web Developer, with a focus on responsive design and interactive user experiences.

📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 🤸 Quick Start
5. 🚀 More

🤖 Introduction

Welcome to my personal portfolio! This project is a showcase of my skills, projects, and professional journey as a UI developer passionate about creating visually appealing and user-friendly digital experiences. Built with modern web technologies, this portfolio provides an interactive and engaging way to explore my work, learn more about me, and get in touch.

⚙️ Tech Stack

• Next JS
• React JS
• JavaScript
• Tailwind CSS
• Framer Motion
• Email JS

🔋 Features

👉 Responsive Design: Optimized for mobile, tablet, and desktop viewing, ensuring a seamless browsing experience across all devices

👉 Interactive User Interface: Includes animations and transitions for a smooth browsing experience

👉 Project Showcase: Displays a collection of my projects with detailed descriptions, technologies used, and live demos, and source code.

👉 Contact Form: Allows visitors to reach out directly via a simple and effective form

👉 Smooth Scrolling & Navigation: Features smooth scrolling and intuitive navigation for a pleasant browsing experience

👉 SEO Optimization: Integrated with SEO best practices for improved visibility and search engine ranking

👉 Framer Motion Animations: Enhanced with smooth, eye-catching animations using Framer Motion to create an engaging user interface

and many more, including code architecture and reusability.

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/MenathNDGD/Menath-Portfolio.git
cd Menath-Portfolio

Installation

Install the project dependencies using npm:

npm install

Set Up Environment Variables

Create a new file named .env in the root of your project and add the following content:

NEXT_PUBLIC_EMAILJS_SERVICE_ID=
NEXT_PUBLIC_EMAILJS_TEMPLATE_ID=
NEXT_PUBLIC_EMAILJS_USER_ID=

Replace the placeholder values with your actual credentials. You can obtain these credentials by signing up on the EmailJS website.

Running the Project

npm run dev

Build for Production

npm run build

Open http://localhost:3000 in your browser to view the project.

🚀 More

Feel free to tailor these contents according to your specific preferences or any additional details you want to include!

• Contributions: Contributions are welcome! Feel free to fork the repository, make changes, and submit a pull request.

• Feedback: If you have any feedback or suggestions, I would love to hear from you. Reach out via the contact form on the portfolio or open an issue on GitHub.

• Live Demo: View the live version of my portfolio to see it in action!