Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/reykan-kp/portfolio
- Owner: ReyKan-KP
- Created: 2023-12-31T11:59:50.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-14T07:02:36.000Z (4 months ago)
- Last Synced: 2024-09-15T18:12:52.661Z (4 months ago)
- Language: TypeScript
- Homepage: https://portfolio-kanishaka-pranjal.vercel.app/
- Size: 71.3 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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.