Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/avinashreddy1315/avinash-portfolio
My portfolio, built with React, Three.js, and Tailwind CSS, highlights my expertise in front-end development. Featuring interactive 3D models, smooth animations, and responsive design, the website provides an engaging user experience. It serves as a showcase of my skills, projects, and professional journey.
https://github.com/avinashreddy1315/avinash-portfolio
css javascript reactjs tailwindcss three-js
Last synced: 7 days ago
JSON representation
My portfolio, built with React, Three.js, and Tailwind CSS, highlights my expertise in front-end development. Featuring interactive 3D models, smooth animations, and responsive design, the website provides an engaging user experience. It serves as a showcase of my skills, projects, and professional journey.
- Host: GitHub
- URL: https://github.com/avinashreddy1315/avinash-portfolio
- Owner: avinashreddy1315
- Created: 2024-09-24T17:19:02.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-12-06T15:13:18.000Z (16 days ago)
- Last Synced: 2024-12-06T16:26:43.370Z (16 days ago)
- Topics: css, javascript, reactjs, tailwindcss, three-js
- Language: JavaScript
- Homepage: https://avinash-reddy-portfolio.vercel.app
- Size: 37.3 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# My Portfolio Website
![Portfolio Banner](path-to-banner-image)
## 🌐 Live Demo
Check out my portfolio live: [Avinash Reddy](https://avinash-reddy-portfolio.vercel.app)---
## 🚀 About the Project
This is my personal portfolio website where I showcase my skills, projects, and experience. The website is built with modern technologies and features 3D models using **Three.js**, smooth animations with **React** and **Tailwind CSS**, and responsive design to look great on any device.The main goal of this project was to create a sleek, visually appealing, and professional website to make a strong impression on recruiters and clients.
### 🎯 Key Features:
- 🏗 **3D Models and Interactions** with Three.js
- 🎨 **Responsive design** using Tailwind CSS and custom CSS
- ⚡ **Smooth animations** and transitions with React
- 🌍 **Deployed** and fully accessible online---
## 🛠 Technologies Used
Here are the main technologies and tools used in building this project:- **React** ![React](https://img.shields.io/badge/-React-61DAFB?logo=react&logoColor=white&style=for-the-badge)
- **Three.js** ![Three.js](https://img.shields.io/badge/-Three.js-000000?logo=three.js&logoColor=white&style=for-the-badge)
- **Tailwind CSS** ![Tailwind CSS](https://img.shields.io/badge/-TailwindCSS-38B2AC?logo=tailwind-css&logoColor=white&style=for-the-badge)
- **CSS3** ![CSS3](https://img.shields.io/badge/-CSS3-1572B6?logo=css3&logoColor=white&style=for-the-badge)
- **JavaScript** ![JavaScript](https://img.shields.io/badge/-JavaScript-F7DF1E?logo=javascript&logoColor=black&style=for-the-badge)---
## 🖥️ Getting Started
To run this project locally, follow these steps:
### Prerequisites:
- Node.js
- Git### Installation:
1. Clone the repository:
```bash
git clone https://github.com/your-username/your-repo.git
```
2. Navigate to the project folder:
```bash
cd your-repo
```
3. Install dependencies:
```bash
npm install
```### Running the Project:
Start the development server:
```bash
npm start
```
Visit `http://localhost:3000` to view the project locally.---
## 🌟 Highlights
- **Three.js integration:** Interactive 3D models enhance the user experience.
- **Responsive design:** Tailored for devices of all sizes using Tailwind CSS.
- **Fast performance:** Lightweight and optimized for speed.---
## 📸 Screenshots
---
## 🙌 Acknowledgements
- Special thanks to the creators of **Three.js**, **React**, and **Tailwind CSS** for the incredible tools and frameworks.---
## 📧 Contact Me
If you have any questions or want to discuss opportunities, feel free to reach out!📩 **Email**: [[email protected]](mailto:[email protected])
👨💼 **LinkedIn**: [Avinash Reddy](https://www.linkedin.com/in/avinash-reddy-7a780a1bb/)