https://github.com/mastersoumojit007/nextjs-portfolio
https://github.com/mastersoumojit007/nextjs-portfolio
aceternity-ui nextjs tailwindcss
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/mastersoumojit007/nextjs-portfolio
- Owner: masterSoumojit007
- Created: 2024-06-17T13:35:03.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-11T10:34:18.000Z (about 1 year ago)
- Last Synced: 2024-07-11T17:57:14.618Z (about 1 year ago)
- Topics: aceternity-ui, nextjs, tailwindcss
- Language: TypeScript
- Homepage: https://nextjs-portfolio-eight-coral.vercel.app/
- Size: 18.4 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](https://nextjs-portfolio-eight-coral.vercel.app/)
# Portfolio Website using Next.js 14 and Three.js 🌐🎨
Welcome to the repository for my portfolio website! This project showcases my skills and work using a blend of cutting-edge web technologies.
## 🚀 Tech Stack
- **[Next.js 14](https://nextjs.org/)**: Server-side rendering for fast page loads and SEO benefits.
- **[Three.js](https://threejs.org/)**: Interactive 3D graphics and animations.
- **[Aeternity UI](https://aeternityui.com/)**: Modern and clean UI design.
- **[Framer Motion](https://www.framer.com/motion/)**: Smooth animations and transitions.
- **[Tailwind CSS](https://tailwindcss.com/)**: Responsive and utility-first styling.
## ✨ Features
- **👉 Hero Section**: Captivating introduction with spotlight effect and dynamic background.
- **👉 Bento Grid**: Modern layout for presenting personal information with cutting-edge CSS design.
- **👉 3D Elements**: Interactive elements like a GitHub-style globe and card hover effects for engagement.
- **👉 Testimonials**: Dynamic testimonials with scrolling or animated content.
- **👉 Work Experience**: Professional background prominently displayed for credibility.
- **👉 Canvas Effect**: Innovative use of HTML5 canvas for visually striking effects in the "Approaches" section.
- **👉 Responsiveness**: Seamless adaptability across all devices for optimal user experience.
- **👉 Code Architecture**: Emphasizes clean, modular architecture for maintainability and reusability.
## 🌐 Deployment
The website is deployed on [Vercel](https://vercel.com/), leveraging its seamless deployment and hosting capabilities. You can view the live site [here](https://nextjs-portfolio-eight-coral.vercel.app/).
## 🎨 Design Approach
The design philosophy focuses on blending functionality with aesthetics, using the Aeternity UI for its modern and clean interface. Framer Motion enhances user interaction with smooth animations and transitions, complementing the immersive 3D experience powered by Three.js.
## 🛠️ Development Setup
To set up the development environment locally, follow these steps:
1. Clone the repository: `git clone https://github.com/your-username/your-repo.git`
2. Navigate to the project directory: `cd your-repo`
3. Install dependencies: `npm install`
4. Start the development server: `npm run dev`
5. Open your browser and go to `http://localhost:3000` to view the website.
## 🚧 Contributing
Contributions are welcome! Whether it's fixing bugs, improving performance, adding new features, or enhancing documentation, feel free to fork the repository, submit a pull request, or open an issue for discussion.
## 📄 License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
## 📬 Get in Touch
If you have any inquiries, are interested in collaborating, or simply want to say hello, please don't hesitate to reach out via email at [mail](mailto:soumojitbanerjee22@gmail.com). I'm looking forward to hearing from you!
---
Thank you for visiting my portfolio website repository! Enjoy exploring my work.