Skip to content

A professional and responsive personal portfolio website built to showcase my skills, projects, and achievements. The website is designed with modern technologies for a seamless user experience.

Notifications You must be signed in to change notification settings

rahat728/portfolio-react

Repository files navigation

🌟 Personal Portfolio

A professional and responsive personal portfolio website built to showcase my skills, projects, and achievements. The website is designed with modern technologies for a seamless user experience.

🖥️ Live Demo

Check out the live version of my portfolio: Portfolio Website

🚀 Features

  • Responsive Design: Optimized for all screen sizes, from desktops to mobile devices.
  • Dynamic Projects Section: Highlighting my key projects with descriptions, technologies used, and links to live demos or GitHub repositories.
  • About Me: A brief overview of my skills and achievements.
  • Contact Form: Users can reach out to me via a functional and styled contact form.
  • Social Links: Easy navigation to my LinkedIn, GitHub, and other profiles.

🎨 Built With

  • HTML5 - Semantic markup for structuring the site.
  • Tailwind CSS - Utility-first CSS framework for fast and modern styling.
  • React.js - For dynamic and reusable components.
  • JavaScript - For interactivity and logic.

📸 Screenshots

Home Page

Home Page Screenshot

Projects Section

Projects Section Screenshot

🛠️ Getting Started

Prerequisites

  • Node.js and npm/yarn installed on your system.

Installation

  1. Clone the repository:

    git clone https://github.com/rahat728/portfolio-react.git
    cd portfolio  
  2. Install dependencies:

    npm install   
  3. Start the development server:

    npm run dev   
  4. Open the app in your browser at http://localhost:5173.

📂 Project Structure

portfolio/  
├── src/  
│   ├── components/    # Reusable components (Navbar, Home, etc.)  
│   ├── assets/        # Images and other assets  
│   ├── App.jsx        # Main app component  
│   ├── index.css      # Tailwind CSS configuration  
├── public/            # Static files  
├── package.json       # Project metadata and dependencies  
└── tailwind.config.js # Tailwind CSS configuration file  

📬 Contact

Feel free to reach out if you'd like to collaborate or have any questions!


About

A professional and responsive personal portfolio website built to showcase my skills, projects, and achievements. The website is designed with modern technologies for a seamless user experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published