Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/anilnayak126/3dporfolio
A visually immersive portfolio created using Three.js, React, and Tailwind CSS. This project showcases my work through interactive 3D graphics and animations, providing an engaging user experience. Key features include smooth navigation, responsive design, and integration of various React modules, highlighting my skills and projects effectively
https://github.com/anilnayak126/3dporfolio
3d-graphics frontend javascript portfolio react react-modules tailwindcss threejs web-development
Last synced: 15 days ago
JSON representation
A visually immersive portfolio created using Three.js, React, and Tailwind CSS. This project showcases my work through interactive 3D graphics and animations, providing an engaging user experience. Key features include smooth navigation, responsive design, and integration of various React modules, highlighting my skills and projects effectively
- Host: GitHub
- URL: https://github.com/anilnayak126/3dporfolio
- Owner: Anilnayak126
- Created: 2024-10-09T09:55:18.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-10-29T18:27:07.000Z (18 days ago)
- Last Synced: 2024-10-29T20:34:04.977Z (18 days ago)
- Topics: 3d-graphics, frontend, javascript, portfolio, react, react-modules, tailwindcss, threejs, web-development
- Language: JavaScript
- Homepage: https://anilz3dportfolio.netlify.app/
- Size: 6.37 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Three.js Portfolio
## Description
A visually immersive portfolio created using **Three.js**, **React**, and **Tailwind CSS**. This project showcases my work through interactive 3D graphics and animations, providing an engaging user experience. The portfolio highlights my skills, projects, and journey as a developer.
## Project Overview
This portfolio aims to demonstrate my capabilities as a developer by utilizing advanced web technologies to create an aesthetically pleasing and functional interface. Users can explore my projects, view detailed descriptions, and interact with 3D elements that enhance engagement and storytelling.
## Features
- **Interactive 3D Graphics**: Powered by Three.js, enabling users to interact with 3D models and visualizations.
- **Responsive Layout**: Built with Tailwind CSS to ensure a smooth experience on various devices, from desktops to mobile.
- **Seamless Navigation**: Implemented using React Router, allowing users to easily switch between different sections of the portfolio.
- **Smooth Animations**: Integrated with React Spring for transitions and animations, enhancing the visual experience.
- **User-Friendly Forms**: Utilizes Formik for handling forms, making it easy for users to contact me or inquire about projects.
## Technologies Used
- **Three.js**: For creating and displaying 3D graphics and animations.
- **React**: The core library for building the user interface.
- **Tailwind CSS**: For utility-first styling and responsive design.
- **React Router**: For routing and navigation between different views.
- **React Spring**: For creating smooth animations and transitions.
- **Formik**: For handling forms and user input (if applicable).
## Installation
1. Clone the repository:
```bash
git clone https://github.com/yourusername/threejs-portfolio.git
cd threejs-portfolio