FirstPR Hub 🛠️

A platform to discover beginner-friendly open-source issues and kickstart your open-source journey!

🚀 Features

• 🔍 Find Issues – Discover "good first issues" from GitHub based on your preferred programming language.
• 📌 Fork Repositories – Fork repositories directly from the platform.
• 🔄 Load More Issues – Seamlessly load more issues without refreshing the page.
• 🔐 Authentication – Sign in with Google to save preferences and enhance user experience.
• 🎨 Smooth UI & Animations – Beautiful and responsive UI with animations.

---

🛠️ Tech Stack

• Frontend: Next.js, TypeScript, TailwindCSS, Framer Motion
• Backend: GitHub API, Firebase (Auth & Firestore)
• Tools & Services: Vercel (Deployment), GitHub Actions (CI/CD)

---

🎬 Demo

🚀 Live Demo

---

📦 Installation

1️⃣ Clone the repository:

 git clone https://github.com/rajanarahul93/FirstPR-Hub.git

2️⃣ Navigate to the project folder:

 cd FirstPR-Hub

3️⃣ Install dependencies:

 npm install

4️⃣ Set up environment variables (.env.local):

NEXT_PUBLIC_GITHUB_ACCESS_TOKEN=your_github_token
NEXT_PUBLIC_FIREBASE_API_KEY=your_firebase_api_key
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your_firebase_auth_domain
NEXT_PUBLIC_FIREBASE_PROJECT_ID=your_firebase_project_id
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your_firebase_storage_bucket
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your_firebase_messaging_sender_id
NEXT_PUBLIC_FIREBASE_APP_ID=your_firebase_app_id

5️⃣ Run the development server:

 npm run dev

The app will be available at http://localhost:3000

---

🤝 Contributing

Contributions are welcome! 🎉

1. Fork the repository
2. Create a new branch (feature/your-feature)
3. Commit your changes (git commit -m 'Add new feature')
4. Push to your branch (git push origin feature/your-feature)
5. Open a Pull Request

---

✨ Author

Vara Rahul Rajana
👨‍💻 GitHub: rajanarahul93
🚀 Portfolio: portfolio.vercel.app
📧 Email: [email protected]