Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/moayaan1911/portfolio
3d Animated Decentralized Portfolio deployed on IPFS
https://github.com/moayaan1911/portfolio
developer-portfolio ethereum ipfs nextjs nextjs14 portfolio portoflio-website web3
Last synced: 8 days ago
JSON representation
3d Animated Decentralized Portfolio deployed on IPFS
- Host: GitHub
- URL: https://github.com/moayaan1911/portfolio
- Owner: moayaan1911
- Created: 2024-06-08T22:20:57.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-06-08T23:29:01.000Z (7 months ago)
- Last Synced: 2024-12-18T03:16:08.810Z (11 days ago)
- Topics: developer-portfolio, ethereum, ipfs, nextjs, nextjs14, portfolio, portoflio-website, web3
- Language: JavaScript
- Homepage: https://moayaan.com
- Size: 30.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌐 Moayaan's 3D Animated Decentralized Portfolio
Welcome to the 3D Animated Decentralized Portfolio of Mohammad Ayaan Siddiqui, a self-taught Full Stack Blockchain Developer and Decentralization MAXI. This portfolio showcases my skills, projects, and social links in an interactive and engaging manner.
## 🚀 Tech Stack
This project is built using the following technologies:
- **Next.js**: A React framework for server-side rendering and static site generation.
- **React**: A JavaScript library for building user interfaces.
- **Three.js**: A JavaScript library for creating 3D graphics in the browser.
- **Framer Motion**: A library for animations and gestures in React.
- **Framer Motion 3D**: Extends Framer Motion to work with Three.js.
- **Jotai**: A state management library for React.
- **Tailwind CSS**: A utility-first CSS framework for styling.
- **React Icons**: A collection of popular icons for React.
- **GSAP**: A powerful animation library.
- **Leva**: A GUI for tweaking parameters in React.
## ✨ Features
- **3D Animations**: Interactive 3D elements and animations using Three.js and Framer Motion 3D.
- **Decentralized Hosting**: Deployed on IPFS and Fleek for a decentralized web experience.
- **Responsive Design**: Optimized for both desktop and mobile devices.
- **Interactive UI**: Engaging user interface with smooth animations and transitions.
- **Social Links**: Easy access to my social profiles and contact information.
## 📄 Description
This portfolio is designed to provide a comprehensive overview of my skills and projects. It includes:
- **Introduction**: A brief introduction about myself and my interests.
- **Projects**: A showcase of my projects with descriptions and links.
- **Social Links**: Quick access to my social media profiles and contact information.
## 🌍 Deployment
The portfolio is deployed on multiple platforms for redundancy and accessibility:
- **IPFS**: [moayaan.eth](https://moayaan.eth)
- **Centralized**: [moayaan.com](https://moayaan.com)
- **Fleek**: [moayaan.on-fleek.app](https://moayaan.on-fleek.app)
## 🛠️ How to Run Locally
To run this project locally, follow these steps:
1. **Clone the repository**:
```bash
git clone https://github.com/moayaan1911/portfolio.git
cd your-repo-name
```
2. **Install dependencies**:
```bash
npm install
```
3. **Run the development server**:
```bash
npm run dev
```
4. **Open your browser** and navigate to `http://localhost:3000`.
## 📧 Contact
Feel free to reach out to me through any of the following platforms:
- **LinkedIn**: [linkedin.com/in/ayaaneth](https://www.linkedin.com/in/ayaaneth)
- **GitHub**: [github.com/moayaan1911](https://github.com/moayaan1911)
- **Telegram**: [t.me/usdisshitcoin](https://t.me/usdisshitcoin)
- **Twitter**: [twitter.com/web3guideindia](https://twitter.com/web3guideindia)
- **WhatsApp**: [wa.me/+917388290798](https://wa.me/+917388290798)
- **Email**: [[email protected]](mailto:[email protected])
- **Hashnode**: [moayaan.hashnode.dev](https://moayaan.hashnode.dev)
- **Linktree**: [linktr.ee/ayaaneth](https://linktr.ee/ayaaneth)
## 📝 License
This project is licensed under the MIT License.
---
Thank you for visiting my portfolio! I hope you enjoy exploring my work as much as I enjoyed creating it. 😊