https://github.com/thatbeautifuldream/sideprojects.directory
A curated space for developers to share and discover amazing side projects.
https://github.com/thatbeautifuldream/sideprojects.directory
side-project
Last synced: 12 months ago
JSON representation
A curated space for developers to share and discover amazing side projects.
- Host: GitHub
- URL: https://github.com/thatbeautifuldream/sideprojects.directory
- Owner: thatbeautifuldream
- Created: 2024-12-05T17:58:40.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-18T13:39:45.000Z (over 1 year ago)
- Last Synced: 2025-04-08T22:51:28.352Z (about 1 year ago)
- Topics: side-project
- Language: TypeScript
- Homepage: https://sideprojects.directory
- Size: 705 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# sideprojects.directory 🚀
A beautiful platform for developers to showcase and discover amazing side projects. Built with Next.js, TypeScript, and Tailwind CSS.
## ✨ Features
- **Automatic Project Discovery**: Add the `side-project` topic to your GitHub repositories and they'll automatically appear on your profile at `sideprojects.directory/your_github_username`
- **Beautiful UI**: Modern, responsive design with dark/light mode support
- **Real-time Updates**: Your projects are automatically synced with GitHub
- **Project Cards**: Clean display of project information including:
- Language and topic badges
- Star and fork counts
- Project descriptions
- Links to source code
## 🌐 Live Demo
Visit [sideprojects.directory](https://sideprojects.directory) to see it in action!
Check out an example profile at [sideprojects.directory/thatbeautifuldream](https://sideprojects.directory/thatbeautifuldream)
## 🚀 Getting Started
1. Clone the repository:
```bash
git clone https://github.com/yourusername/sideprojects.directory.git
cd sideprojects.directory
```
2. Install dependencies:
```bash
npm install
# or
yarn install
```
3. Run the development server:
```bash
npm run dev
# or
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) to view the app.
## 💡 How It Works
1. Add the `side-project` topic to your GitHub repositories
2. Visit `sideprojects.directory/your_github_username`
3. Your side projects will be automatically displayed with a beautiful UI
## 🛠️ Built With
- [Next.js 14](https://nextjs.org/) - React Framework
- [TypeScript](https://www.typescriptlang.org/) - Type Safety
- [Tailwind CSS](https://tailwindcss.com/) - Styling
- [Framer Motion](https://www.framer.com/motion/) - Animations
- [GitHub API](https://docs.github.com/en/rest) - Project Data
## ❤️ Made with Love
Created by [Milind](https://github.com/thatbeautifuldream)