Portfolio Website Built with Next.js, TypeScript, GSAP and Framer Motion

Welcome to my portfolio website! I'm excited to present to you a showcase of my work and achievements, demonstrating my skills as a web developer. This website is crafted with the latest technologies, including React, TypeScript, Next.js, Tailwind CSS, and GSAP for seamless animations. It reflects not only my technical proficiency but also my commitment to creating modern and user-friendly experiences.

Features

Explore the various features packed into my portfolio:

• Home Page: Engage with a visually appealing home page introducing my portfolio. It highlights my skills, expertise, and showcases key projects and achievements.

• Project Showcase: Dive into a dedicated section featuring my portfolio projects. Find project details, descriptions, images, and links to live demos or GitHub repositories.

• Responsive Design: Experience a responsive design optimized for different devices and screen sizes. Ensuring a seamless user experience across various platforms.

• Contact and Inquiry Form: Connect with me through a contact form, providing a space for visitors to reach out, inquire about my services, or discuss potential project opportunities.

• Resume: Access a downloadable version of my resume or CV, offering insights into my professional background, qualifications, and experience.

• Skills and Expertise: Discover my skills and expertise highlighted prominently throughout the portfolio.

• Blog: Explore a section showcasing my writing, including blog posts and articles, providing insights into my thoughts and expertise.

Tools

My portfolio leverages a robust technology stack, featuring:

• Next.js: A React framework offering server-side rendering, automatic code splitting, and other performance optimizations.

• React: A JavaScript library for building reusable user interfaces.

• TypeScript: A typed superset of JavaScript enhancing code reliability, developer productivity, and code maintainability.

• Tailwind CSS: A utility-first CSS framework allowing rapid UI development by composing pre-built CSS classes.

• GSAP (GreenSock Animation Platform): A powerful animation library enhancing the visual appeal of the portfolio with smooth and captivating animations and transitions.

• Framer Motion: Another animation library for React, providing a simple and intuitive API for animating components and enriching the user experience.

Installation

To set up the portfolio on your local environment, follow these steps:

1. Clone the repository using git clone https://github.com/shohan-pherones/nextjs-portfolio
2. Install required dependencies with npm install or npm i.
3. Create a .env file in the root directory and add the following variables:
   • NEXT_PUBLIC_EMAILJS_SERVICE_ID
   • NEXT_PUBLIC_EMAILJS_TEMPLATE_ID
   • NEXT_PUBLIC_EMAILJS_PUBLIC_ID
4. Start the application by running npm run dev.

Conclusion

Thank you for exploring my portfolio! I hope this collection of my work and the technologies used provide a glimpse into my passion for creating innovative and user-centric web experiences. If you have any inquiries or opportunities, feel free to reach out through the provided contact form.