Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/chiragbadhe/github-society
GitHub Society is the ultimate playground where your GitHub contributions come to life in an extraordinary way! ππ¨ Imagine a world where every contribution you make, every line of code you write, and every pull request you submit transforms into a dazzling 3D cityscape! πποΈ
https://github.com/chiragbadhe/github-society
3d github model nestjs threejs typescript
Last synced: 5 days ago
JSON representation
GitHub Society is the ultimate playground where your GitHub contributions come to life in an extraordinary way! ππ¨ Imagine a world where every contribution you make, every line of code you write, and every pull request you submit transforms into a dazzling 3D cityscape! πποΈ
- Host: GitHub
- URL: https://github.com/chiragbadhe/github-society
- Owner: chiragbadhe
- Created: 2024-08-07T13:50:20.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-08-12T10:02:52.000Z (5 months ago)
- Last Synced: 2025-01-08T07:07:26.185Z (10 days ago)
- Topics: 3d, github, model, nestjs, threejs, typescript
- Language: TypeScript
- Homepage: https://github-society.vercel.app/
- Size: 2.43 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# GitHub Society
Welcome to **GitHub Society**, the ultimate playground where your GitHub contributions transform into a dazzling 3D cityscape! π¨π
Imagine turning your coding achievements into a vibrant, rotating city of skyscrapers. With GitHub Society, you don't just track your contributionsβ_you see them soar_ in a spectacular 3D environment. And the fun doesnβt stop thereβyou can even export your 3D city as an STL file and take your virtual skyline into the real world!
## Features
- π **3D Contribution City**: Watch your GitHub activity bloom into a bustling metropolis of colorful towers.
- πΉοΈ **Interactive Controls**: Rotate, zoom, and pan through your 3D cityscape with intuitive controls.
- π **Export Your Model**: Download your 3D creation as an STL file and showcase your coding accomplishments in the physical world.## Demo
Experience the magic of GitHub Society with our live demo: [Explore the Demo](github-society.vercel.app)
![Screenshot 1](/public/app.gif)
## Exported Model
![GitHub Society in Action](/public/model.gif)
## Installation
Ready to build your 3D contribution city? Follow these steps:
1. **Clone the repository:**
```bash
git clone https://github.com/your-username/github-society.git
cd github-society
```2. **Install dependencies:**
```bash
npm install
```3. **Create a `.env` file:**
```env
NEXT_PUBLIC_GITHUB_TOKEN=your_github_token
```4. **Run the development server:**
```bash
npm run dev
```5. **Open [http://localhost:3000](http://localhost:3000) in your browser and watch your contributions come to life!**
## Usage
1. Enter your GitHub username and prepare to be amazed!
2. Watch as your contributions transform into a stunning 3D cityscape.
3. Interact with your 3D model using the controls to explore every detail.
4. Click "Export Model" to download your 3D cityscape as an STL file.## Technologies Used
- **Next.js**: The framework that powers your 3D adventure.
- **Three.js**: The library that makes 3D magic possible.
- **dat.GUI**: The tool that lets you tweak and control your 3D scene.
- **GitHub API**: Where all your contribution data comes from.## Exported 3D Model
Check out the `models` directory to find an example of the 3D model exported from GitHub Society.
## Contributing
Got ideas to make GitHub Society even cooler? Here's how you can help:
1. Fork the repository.
2. Create a new branch: `git checkout -b my-awesome-feature`
3. Make your changes and commit them: `git commit -m 'Add something awesome'`
4. Push to your branch: `git push origin my-awesome-feature`
5. Submit a pull request and share your magic with the world!## Contact
- **Author**: [Chirag Badhe](https://github.com/chiragbadhe)
- **Email**: [email protected]
- **Twitter**: [@0xchirag](https://x.com/0xchirag)