Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Personal Portfolio Website

A modern, responsive portfolio website built with React to showcase my projects, skills, and professional experience.

Project Overview

This portfolio website serves as a digital resume and project showcase featuring:

  • Interactive UI with modern design
  • Responsive layout for all devices
  • Project showcase with descriptions and links
  • Skills and technology expertise section
  • Contact form and professional information
  • Dark/light mode toggle

Technologies Used

  • React.js
  • CSS3 / SCSS
  • JavaScript (ES6+)
  • Framer Motion for animations
  • Vercel for deployment

Live Demo

The portfolio is deployed and live on Vercel: https://portfolio-website-ten-black-33.vercel.app/

Features

  • Responsive Design: Fully responsive across all device sizes
  • Dark/Light Mode: Toggle between color themes with persistent user preference
  • Interactive UI: Smooth animations and transitions using Framer Motion
  • Project Showcase: Highlighting key projects with descriptions, tech stacks, and links
  • Skills Section: Visual representation of technical proficiencies
  • Contact Form: Integrated form for direct communication
  • Social Links: Quick access to GitHub, LinkedIn, and Twitter profiles

Installation and Setup

  1. Clone the repository:

    git clone https://github.com/Turbash/portfolio-website.git
    cd portfolio-website
    
  2. Install dependencies:

    npm install
    
  3. Start the development server:

    npm start
    
  4. Build for production:

    npm run build
    

Project Structure

src/
├── components/      # Reusable UI components
├── assets/          # Images, icons, and other static files
├── App.js           # Main application component
└── index.js         # Entry point

Deployment

This portfolio is deployed using Vercel's continuous deployment pipeline. Any changes pushed to the main branch are automatically deployed to the live site.

Connect With Me


This project was bootstrapped with Create React App.

Releases

Packages

Used by

Contributors

Languages