Portfolio Website Built with Next.js and AOS

Welcome to my developer portfolio! This project showcases my skills and projects using cutting-edge technologies, such as React, Next.js, and Tailwind CSS. Additionally, I've added AOS (Animate on Scroll) animations to enhance the user experience and provide that extra touch of interactivity.

Features

Explore the impressive features included in this portfolio:

• Sleek Design: Crafted with React, Next.js, and Tailwind CSS for a modern, responsive design.

• Captivating Home Page: An engaging introduction to my portfolio, featuring my skills, expertise, and key accomplishments.

• Project Showcase: A dedicated section to present my portfolio projects, complete with dates, project details, descriptions, visuals, and links to live demos or GitHub repositories.

• Responsive Experience: Ensured seamless usability across various devices and screen sizes, providing a consistent user experience.

• Connect with Me: A user-friendly contact form and a dedicated section for visitors to contact, make inquiries, or discuss potential collaborations.

• Accessible Resume: Offered a downloadable resume for visitors to access my professional background, qualifications, and work experience.

• Skills Spotlight: Presented my skills and expertise prominently to provide visitors with a clear understanding of my capabilities.

Technology Stack

My portfolio leverages an impressive technology stack, featuring the following tools:

• Next.js: A robust React framework that provides server-side rendering, automatic code splitting, and advanced performance optimizations.

• React: The go-to JavaScript library for crafting dynamic and user-friendly user interfaces, empowering developers to create reusable UI components.

• Tailwind CSS: A utility-first CSS framework enabling the rapid development of custom user interfaces by composing pre-built CSS classes. It offers a rich set of design primitives for limitless design possibilities.

• AOS (Animate on Scroll): Elevates the visual appeal and interactivity of my portfolio by creating elegant animations and transitions as visitors scroll through the content.

Installation

To set up this portfolio, simply execute the following commands:

1. Clone the repository using git clone https://github.com/masudranashawon/nextjs-portfolio.git
2. Install the required dependencies by running 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.

Links

• Live Site

Contributing

Contributions to the portfolio are welcome! If you find any bugs or have suggestions for improvements, please open an issue or submit a pull request.

Thank you for checking out my portfolio!