https://github.com/minnukota381/react-portfolio
My personal portfolio website built using React.js. It showcases my projects, skills, and experience in web development.
https://github.com/minnukota381/react-portfolio
css framer-motion github-calendar html json particlejs react react-bootstrap react-icons react-router react-router-dom threejs tsparticles typed-js
Last synced: 7 months ago
JSON representation
My personal portfolio website built using React.js. It showcases my projects, skills, and experience in web development.
- Host: GitHub
- URL: https://github.com/minnukota381/react-portfolio
- Owner: minnukota381
- License: mit
- Created: 2024-06-14T08:31:25.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-15T08:03:28.000Z (7 months ago)
- Last Synced: 2024-11-15T09:19:23.187Z (7 months ago)
- Topics: css, framer-motion, github-calendar, html, json, particlejs, react, react-bootstrap, react-icons, react-router, react-router-dom, threejs, tsparticles, typed-js
- Language: JavaScript
- Homepage: https://minnu.vercel.app
- Size: 5.22 MB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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](#introduction)
- [Features](#features)
- [Installation](#installation)
- [Usage](#usage)
- [Technologies Used](#technologies-used)
- [Contributing](#contributing)
- [License](#license)
## 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:
```bash
git clone https://github.com/minnukota381/react-portfolio.git
```
2. Navigate into the project directory:
```bash
cd react-portfolio
```
3. Install dependencies:
```bash
npm install
```
## Usage
After completing the installation steps:
1. Start the development server:
```bash
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](./LICENSE) file for details.