/Portfolio-website

Primary LanguageJavaScript

🌟 Stunning Portfolio Website with Next.js, Tailwind CSS, and Framer Motion

Welcome to my stunning portfolio website project! This website showcases my skills, projects, and creativity using the following technologies:

🔧 Tech Stacks

  • Next.js: A React framework for building fast and SEO-friendly web applications.
  • Framer Motion: A library for adding smooth animations and transitions to web elements.
  • Tailwind CSS: A utility-first CSS framework for rapidly styling web components. 🚀

🌐 Deployment

The live deployment of this portfolio website is available at https://portfolio-website-psi-kohl.vercel.app/. Check it out! 🚀

🚀 Getting Started

Prerequisites

Before you get started, make sure you have the following tools and dependencies installed:

Installation

  1. Clone this repository to your local machine:

    git clone https://github.com/Decoder-25/Portfolio-website.git

  2. Navigate to the project directory:

    cd portfolio-website

  3. Install the project dependencies:

    If using npm:

    npm install

    If using yarn:

    npm install

  4. To run in the local machine:

    npm run dev

✨ Features

This stunning portfolio website includes the following key features:

  • Home Page: The landing page that provides an overview of your portfolio and welcomes visitors. 🏠

  • About Me Page: A dedicated section to tell your story, share your background, and highlight your skills and experiences. 📚

  • My Projects Page: Showcase your portfolio of projects, complete with descriptions, images, and links to the project repositories or live demos. 🛠️

  • Articles Page: Share your knowledge and insights through articles or blog posts on topics related to your field. 📝

  • Contact Me via Email: An easy way for visitors to get in touch with you. They can use the provided contact form or send you an email directly. ✉️

🎨 Customization

You can easily customize this portfolio website to make it your own. Here are some tips on where to get started:

  • Update the content in the public directory to showcase your skills, projects, and personal information.
  • Modify the styling by editing the Tailwind CSS styles in the styles directory.
  • Add or remove sections, animations, and transitions using Framer Motion in the components. 🎨

📞 Contact

Feel free to reach out if you have any questions or need assistance. You can contact me at:

Happy coding! 🚀🌟