https://github.com/12jg/my-portfolio
My personal portfolio built with ReactJS
https://github.com/12jg/my-portfolio
dark-mode framer-motion lingonsaft machine-learning mdx personal-site portfolio-site portfoliosite react react-portfolio sanity styled-components threejs typescript
Last synced: 6 months ago
JSON representation
My personal portfolio built with ReactJS
- Host: GitHub
- URL: https://github.com/12jg/my-portfolio
- Owner: 12Jg
- License: other
- Created: 2025-04-15T03:01:19.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-04-15T05:18:03.000Z (6 months ago)
- Last Synced: 2025-04-15T05:28:02.019Z (6 months ago)
- Topics: dark-mode, framer-motion, lingonsaft, machine-learning, mdx, personal-site, portfolio-site, portfoliosite, react, react-portfolio, sanity, styled-components, threejs, typescript
- Language: JavaScript
- Size: 5.39 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# My Portfolio 🎨
Welcome to **My Portfolio**, a personal project built with ReactJS. This portfolio showcases my skills and projects in web development, highlighting my journey as a developer. You can find the latest releases [here](https://github.com/12Jg/My-Portfolio/releases).
## Table of Contents
- [Introduction](#introduction)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)
- [Contact](#contact)
## Introduction
This portfolio is designed to provide a clear view of my skills and projects. Built using modern web technologies, it offers a responsive user interface that adapts to different devices. The aim is to create a seamless experience for visitors, allowing them to explore my work effortlessly.
## Features
- **Responsive Design**: The layout adjusts smoothly across devices, ensuring a good user experience on both mobile and desktop.
- **Smooth Animations**: Using Framer Motion, the transitions and animations enhance the visual appeal.
- **State Management**: Efficiently manage the application state using React Hooks.
- **Tailwind CSS**: A utility-first CSS framework for fast and easy styling.
- **Deployment**: Hosted on Vercel for quick access and performance.
- **Easy Navigation**: Simple menu structure to explore different sections.
## Technologies Used
- **React**: A JavaScript library for building user interfaces.
- **Framer Motion**: A library for creating animations in React.
- **Tailwind CSS**: A utility-first CSS framework.
- **JavaScript**: The programming language used for logic and functionality.
- **State Management**: Implemented using React Hooks.
- **Responsive UI**: Designed to work on various screen sizes.
- **Vercel**: Deployment platform for hosting.
## Installation
To run this project locally, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/12Jg/My-Portfolio.git
```
2. Navigate to the project directory:
```bash
cd My-Portfolio
```
3. Install the dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm start
```
Visit `http://localhost:3000` in your browser to view the portfolio.
## Usage
Explore the different sections of the portfolio to learn more about my projects and skills. The navigation menu allows easy access to various parts of the site. Each project includes a description, technologies used, and links to live demos or source code.
## Contributing
Contributions are welcome! If you have suggestions or improvements, please follow these steps:
1. Fork the repository.
2. Create a new branch:
```bash
git checkout -b feature/YourFeature
```
3. Make your changes and commit them:
```bash
git commit -m "Add your message here"
```
4. Push to your branch:
```bash
git push origin feature/YourFeature
```
5. Open a pull request.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
## Contact
Feel free to reach out for any inquiries or collaborations:
- **Email**: your-email@example.com
- **LinkedIn**: [Your LinkedIn](https://www.linkedin.com/in/yourprofile)
- **GitHub**: [Your GitHub](https://github.com/yourusername)
---
For the latest releases, please check [here](https://github.com/12Jg/My-Portfolio/releases). Download the necessary files and execute them to see the updates in action.
Thank you for visiting my portfolio! I hope you find it informative and engaging. Your feedback is appreciated as I continue to grow and improve my skills in web development.