https://github.com/reyleal27/myportfolio

https://github.com/reyleal27/myportfolio

framer-motion nextjs

Last synced: 20 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/reyleal27/myportfolio
• Owner: reyleal27
• Created: 2024-11-17T19:03:07.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-11-17T19:19:12.000Z (3 months ago)
• Last Synced: 2024-11-17T20:21:23.252Z (3 months ago)
• Topics: framer-motion, nextjs
• Language: TypeScript
• Homepage: https://rey-personal-portfolio.vercel.app/
• Size: 16.8 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
**Portfolio Website**

This is my personal portfolio website, built using Next.js, Tailwind CSS, TypeScript, and Framer Motion. It's a responsive, modern, and interactive website designed to showcase my projects, skills, and experience. The website utilizes the latest web technologies for a fast and smooth user experience.

**Features**

**Responsive Design**: The portfolio is fully responsive, ensuring it looks great on all screen sizes, from mobile to desktop.

**Smooth Animations**: Leveraging Framer Motion for interactive and smooth animations that bring the page to life.

**Fast Performance**: Built with Next.js, ensuring optimal performance and fast load times with automatic static optimization.

**TypeScript Integration**: Written in TypeScript for type safety and better development experience.

**Custom Design with Tailwind:** Tailwind CSS is used for creating a flexible, custom, and utility-first design system that makes styling easier and faster.

**Project Showcase**: A section dedicated to showcasing personal projects with descriptions, links, and tech stacks used.

**Technologies Used**

Next.js: A React framework for building static and dynamic websites with ease, offering fast performance and SEO benefits.

Tailwind CSS: A utility-first CSS framework that allows for rapid design and customization of the layout and components.

TypeScript: A superset of JavaScript that provides type safety and improves developer productivity.

Framer Motion: A library for animations and transitions in React, providing smooth and interactive UI elements.

Getting Started

To get started with the project locally, follow these steps:

1. Clone the repository

bash

Copy code

git clone https://github.com/your-username/portfolio.git

cd portfolio

2. Install dependencies

bash

Copy code

npm install

3. Run the development server

bash

Copy code

npm run dev

The app will be available at http://localhost:3000.

Contributing

Feel free to fork this project, submit issues, or open pull requests if you'd like to contribute or improve the design. Contributions are always welcome!