Welcome to my portfolio website built with the latest technologies in the React ecosystem! This project showcases my CV, LinkedIn and GitHub links, some of the projects I've worked on, my experiences, and includes a contact form utilizing react-email and resend.
- Modern UI/UX: Designed with Tailwind CSS for a responsive and clean interface.
- Animations: Implemented with Framer Motion for smooth animations.
- Contact Form: Uses react-email and resend for handling form submissions.
- CV and Social Links: Includes my CV, LinkedIn, and GitHub links.
- Project Showcase: Displays some of the projects I've worked on.
- Experiences: Lists my professional experiences.
- Next.js: A React framework for server-side rendering and static site generation.
- React v19: Leveraging the latest features of React.
- TypeScript: Ensuring type safety throughout the application.
- Tailwind CSS: A utility-first CSS framework for rapid UI development.
- Framer Motion: A library for creating animations in React.
- react-email and resend: For handling email functionalities in the contact form.
To set up the project locally, follow these steps:
-
Clone the repository:
git clone git@github.com:ErenYLCN/next-portfolio.git cd next-portfolio -
Install dependencies: IMPORTANT!! Due to the use of the latest React features, you may need to install dependencies with legacy peer dependencies.
npm install --legacy-peer-deps
-
Run the development server:
npm run dev
-
Open your browser: Navigate to
http://localhost:3000to see the application running.
- View Projects: Navigate to the "Projects" section to see the projects I've worked on.
- Contact Me: Use the contact form in the "Contact" section to get in touch.
- Download CV: Click on the CV link to download my latest CV.
- Social Links: Click on the LinkedIn and GitHub icons to visit my profiles.
Feel free to customize it further based on your specific needs and preferences!