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 to see it in action!

Check out an example profile at sideprojects.directory/thatbeautifuldream

🚀 Getting Started

1. Clone the repository:

git clone https://github.com/yourusername/sideprojects.directory.git
cd sideprojects.directory

2. Install dependencies:

npm install
# or
yarn install

3. Run the development server:

npm run dev
# or
yarn dev

Open 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 - React Framework
• TypeScript - Type Safety
• Tailwind CSS - Styling
• Framer Motion - Animations
• GitHub API - Project Data

❤️ Made with Love

Created by Milind