Skip to content

My personal portfolio website built using React.js. It showcases my projects, skills, and experience in web development.

License

Notifications You must be signed in to change notification settings

minnukota381/react-portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Minnu's Portfolio

This portfolio showcases my skills, projects, and contact information in a visually appealing way using React, Three.js, and other libraries. It provides an interactive and visually engaging platform for users to explore my projects, technical skills, and experiences in web development.

Table of Contents

Introduction

This portfolio website is designed to highlight my skills and projects through interactive and visually engaging elements. It includes sections such as:

  • Home: A brief introduction with a dynamic background using Three.js and particles.
  • About: Details about myself and my background.
  • Skills: Overview of my technical skills.
  • Projects: Showcase of my past projects.
  • Contact: Form to get in touch with me.

Features

  • Dynamic Background: Utilizes Three.js and React-three/fiber for a dynamic 3D starry background.

  • Interactive Design: Smooth navigation and interactive elements using React and React-Bootstrap.

  • Responsive: Fully responsive design to ensure compatibility across various devices and screen sizes.

  • Particles Animation: Integrated particles animation using tsparticles/react for a visually appealing experience.

  • Form Submission: Contact form for direct communication.

  • GitHub Activity: React GitHub Calendar to display recent activity.

Installation

To run this project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/minnukota381/react-portfolio.git
  2. Navigate into the project directory:

    cd react-portfolio
  3. Install dependencies:

    npm install

Usage

After completing the installation steps:

  1. Start the development server:

    npm start
  2. Open your browser and navigate to http://localhost:3000 to view the portfolio.

Technologies Used

  • React.js
  • React Router DOM
  • React Bootstrap
  • Framer Motion (for animations)
  • Three.js (for 3D graphics)
  • tsparticles and react-tsparticles (for particles animation)
  • maath and random (for random number generation)
  • Bootstrap (for styling)
  • GitHub Calendar (for displaying GitHub activity)
  • Web Vitals (for monitoring web performance)

Contributing

Contributions are welcome! If you'd like to contribute to this project, please fork the repository and submit a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.