Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/reykan-kp/portfolio

This is my personal portfolio, built with Next.js and Tailwind CSS for a seamless and responsive design. It features interactive elements and smooth animations, powered by Framer Motion and GSAP. The project is developed using TypeScript , ensuring type safety and modern React practices.
https://github.com/reykan-kp/portfolio

Last synced: about 2 months ago
JSON representation

This is my personal portfolio, built with Next.js and Tailwind CSS for a seamless and responsive design. It features interactive elements and smooth animations, powered by Framer Motion and GSAP. The project is developed using TypeScript , ensuring type safety and modern React practices.

Awesome Lists containing this project

README

        

# My Portfolio Website

This repository contains the code for my personal portfolio website. It's built using modern web development technologies like **Next.js**, **Tailwind CSS**, **Framer Motion**, and **GSAP** to create a visually engaging and responsive experience.

## ✨ Features

- **Next.js**: Provides a powerful and flexible React framework with server-side rendering and static site generation.
- **Tailwind CSS**: A utility-first CSS framework for rapid UI development.
- **Framer Motion**: Handles animations and interactions with React.
- **GSAP**: A robust library for creating complex animations.
- **TypeScript**: Ensures type safety and enhances code quality.

## 🌐 Preview

![Portfolio Website Preview](#)

![image](https://github.com/user-attachments/assets/9f37eb33-2f3e-489a-9bd0-9e52b432937c)

## 🚀 Getting Started

Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.

### Prerequisites

Make sure you have **Node.js** and **npm** installed on your machine. You can download them from [here](https://nodejs.org/).

### Installation

1. **Clone the repository:**

```bash
git clone https://github.com/ReyKan-KP/portfolio.git
```

2. **Navigate to the project directory:**

```bash
cd portfolio
```

3. **Install the dependencies:**

```bash
npm install
```

4. **Start the development server:**

```bash
npm run dev
```

The website should now be running on `http://localhost:3000`.

## 🛠️ Built With

- [Next.js](https://nextjs.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Framer Motion](https://www.framer.com/motion/)
- [GSAP](https://greensock.com/gsap/)
- [TypeScript](https://www.typescriptlang.org/)

## 📄 License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.