Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/souravinsights/souravinsights.com
🏠 My tiny home on the internet built using Next.js, Tailwind CSS, & Discord API
https://github.com/souravinsights/souravinsights.com
digital-garden discord-js nextjs portfolio shadcn-ui tailwindcss
Last synced: 7 days ago
JSON representation
🏠 My tiny home on the internet built using Next.js, Tailwind CSS, & Discord API
- Host: GitHub
- URL: https://github.com/souravinsights/souravinsights.com
- Owner: SouravInsights
- Created: 2024-08-25T20:34:43.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-09-27T14:07:37.000Z (8 days ago)
- Last Synced: 2024-09-28T09:20:12.067Z (7 days ago)
- Topics: digital-garden, discord-js, nextjs, portfolio, shadcn-ui, tailwindcss
- Language: TypeScript
- Homepage: https://souravinsights.com/
- Size: 8.7 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌿 My Digital Garden
Welcome to my Digital Garden - a dynamic, customizable curation of my favorite links and resources. This project serves as an extension of myself, housing curations and insights from various sources.
## 🌟 Features
- 📊 Discord Integration: Automatically fetches and displays links shared on one of my private Discord server
- 🎨 Customizable Themes: Multiple card designs to showcase links in visually appealing ways (hope you like them 🥹)
- 🌓 Dark/Light Mode: Switch between dark and light themes (not properly implemented for all card designs, I'm working on it... 🙃)
- 🔍 Search Functionality: Easily find specific links across all categories (could be improved a lot)
- 📱 Responsive Design: Optimized for both desktop and mobile viewing
- 📈 Analytics Integration: Track link popularity and user engagement with PostHog (super awesome too I must say)
- 🔄 Load More: Efficiently handle large numbers of links with "Load More" functionality
- 🐍 Interactive Footer: Features a fun "Language Muncher" Snake game, to make the footer less boring 😅
## 🛠️ Tech Stack
- [Next.js](https://nextjs.org/)
- [React](https://reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [shadcn/ui](https://ui.shadcn.com/)
- [Framer Motion](https://www.framer.com/motion/)
- [Discord.js](https://discord.js.org/)
- [PostHog](https://posthog.com/)
## 🚀 Getting Started
1. Clone the repository:
```
git clone https://github.com/SouravInsights/souravinsights.com.git
```
2. Install dependencies:
```
cd souravinsights.com
yarn install
```
3. Set up environment variables:
Create a `.env.local` file in the root directory and add the following:
```
DISCORD_BOT_TOKEN=your_discord_bot_token
DISCORD_CLIENT_ID=your_discord_client_id
DISCORD_GUILD_ID=your_discord_guild_id
NEXT_PUBLIC_POSTHOG_KEY=your_posthog_key
NEXT_PUBLIC_POSTHOG_HOST=your_posthog_host
```
4. Run the development server:
```
yarn dev
```
## 🤝 Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
1. Fork the repository
2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## 📜 License
This project is open source and available under the [MIT License](LICENSE).
## 🙏 Acknowledgements
- [Discord API](https://discord.com/developers/docs/intro)
- [Lucide Icons](https://lucide.dev/)
- [React ColorFul](https://github.com/omgovich/react-colorful)
---
Built with ❤️ by [SouravInsights](https://souravinsights.com/)