Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/menathndgd/menath-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.
https://github.com/menathndgd/menath-portfolio

framer-motion nextjs tailwindcss

Last synced: about 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/menathndgd/menath-portfolio
Owner: MenathNDGD
Created: 2024-09-21T09:44:24.000Z (5 months ago)
Default Branch: main
Last Pushed: 2024-10-28T12:15:56.000Z (3 months ago)
Last Synced: 2024-10-28T15:30:32.618Z (3 months ago)
Topics: framer-motion, nextjs, tailwindcss
Language: JavaScript
Homepage: https://menath-portfolio.vercel.app
Size: 10.9 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

Menath Nadungoda's Portfolio

## 📋 Table of Contents

1. 🤖 [Introduction](#introduction)
2. ⚙️ [Tech Stack](#tech-stack)
3. 🔋 [Features](#features)
4. 🤸 [Quick Start](#quick-start)
5. 🚀 [More](#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](https://git-scm.com/)
- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/) (Node Package Manager)

**Cloning the Repository**

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

**Installation**

Install the project dependencies using npm:

```bash
npm install
```

**Running the Project**

```bash
npm run dev
```

**Build for Production**
```bash
npm run build
```

Open [http://localhost:3000](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](https://menath-portfolio.vercel.app/) to see it in action!