Welcome to my personal portfolio website! This project is designed to introduce myself, showcasing a simple yet elegant interface with animations and interactive 3D elements.
Check out the live version of my portfolio here: My Portfolio (replace with your actual URL).
- Home Section: Brief introduction with sleek animations.
- About Section: Details about me, my skills, and background.
- Smooth Animations: GSAP-powered animations for an engaging user experience.
- 3D Elements: Interactive 3D visuals using Three.js.
- Responsive Design: Optimized for all screen sizes, from mobile to desktop.
This portfolio site was built using the following technologies and libraries:
- React: Component-based UI library for building user interfaces.
- HTML, CSS, JavaScript: Core web technologies for structure, styling, and interactivity.
- Three.js: Used to create and render 3D graphics within the React components.
- GSAP: GreenSock Animation Platform for smooth animations and transitions.
- Tailwind CSS: Utility-first CSS framework for responsive and consistent styling.
Follow these instructions to set up and run the project on your local machine for development and testing.
- Node.js and npm (or Yarn) installed on your machine.
-
Clone the repository:
git clone https://github.com/badrinarayanms/badrims.git cd badrims -
Install dependencies:
npm install
To start the development server, run:
npm startThis will open the project locally on http://localhost:5173.
To build the project for production, run:
npm run buildThis will create an optimized production build in the build folder.
Suggestions and improvements are welcome! If you’d like to contribute:
- Fork the repository.
- Create a new branch (
git checkout -b feature/YourFeature). - Commit your changes (
git commit -m 'Add some feature'). - Push to the branch (
git push origin feature/YourFeature). - Open a pull request.
If you have any questions or feedback, feel free to reach out:
- Email: badrinarayan.moola@gmail.com
- LinkedIn: Badri Narayan M S
- GitHub: @badrinarayanms
Thank you for visiting my portfolio! 😊