https://github.com/rjohnpaul/my_portfolio
A Portfolio build by Tailwind, React, Framer Motion and many more
https://github.com/rjohnpaul/my_portfolio
portfolio
Last synced: 3 months ago
JSON representation
A Portfolio build by Tailwind, React, Framer Motion and many more
- Host: GitHub
- URL: https://github.com/rjohnpaul/my_portfolio
- Owner: RJohnPaul
- Created: 2023-08-10T23:49:40.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-09-28T08:50:21.000Z (over 1 year ago)
- Last Synced: 2025-01-20T07:44:02.873Z (4 months ago)
- Topics: portfolio
- Language: HTML
- Homepage: https://john-paul-portfolio.vercel.app
- Size: 19 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
A Portfolio build by Tailwind, React, Framer Motion and many more
# 3D Portfolio
Welcome to my 3D Portfolio! This project showcases my work in an immersive 3D environment, powered by Framer Motion, Three.js, and traditional CSS styling.
## Features
- **Immersive 3D Showcase:** Explore my portfolio projects in a stunning 3D environment.
- **Smooth Animations:** Engage with smooth and captivating animations powered by Framer Motion.
- **Interactive Experience:** Interact with the 3D space and projects using intuitive controls.
- **Traditional CSS Styling:** The projects are styled using a blend of traditional CSS techniques and modern styling libraries.
- **Responsive Design:** Enjoy a consistent experience across various devices and screen sizes.
## Technologies Used
- Framer Motion: Library for creating smooth animations and interactive UI components.
- Three.js: JavaScript framework for creating 3D graphics and visualizations.
- Traditional CSS: Utilized for styling and layout design.
## Key Highlights
- Utilizes the power of Framer Motion and Three.js to create an immersive 3D experience for showcasing portfolio projects.
- Seamless integration of traditional CSS styling for enhancing visual appeal.
- Intuitive controls and smooth animations make interacting with the 3D environment enjoyable and engaging.
## Future Plans
- Incorporate additional interactive elements to further enhance user experience.
- Explore advanced Three.js features for even more captivating visuals.
- Collaborate with other developers to expand the capabilities of the 3D portfolio.
## Getting Started
To explore the 3D Portfolio, follow these steps:
1. Follow these Steps:
```sh
git clone https://github.com/your-username/3d-portfolio.git
cd 3d-portfolio
npm install three framer-motion
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
npm run dev
## Demo
Check out the live demo: [3D Portfolio Demo](https://john-paul-portfolio.vercel.app/)
## AS ALWAYS FILLED AND MADE WITH ❤︎