Skip to content

Rahulhanje/FirstPullRequest

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

20 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸš€ FirstPullRequest - Your Gateway to Open Source

Website GitHub stars GitHub issues MIT License

FirstPullRequest is the ultimate beginner-friendly platform that helps new developers discover open-source GitHub issues labeled as "good first issue" and "documentation". Built with modern React and TypeScript, it offers a seamless way to explore and contribute to projects across various programming languages.

🌟 Live Demo

πŸ”— https://www.firstpullrequest.space/


🎯 Why FirstPullRequest?

  • πŸ” Smart Discovery: Find 1000+ beginner-friendly issues across GitHub
  • πŸ“š Learning Resources: Complete guides and tutorials for open source contribution
  • 🌐 Multi-Language Support: Issues in JavaScript, Python, TypeScript, Java, C++, Go, Ruby, PHP, Rust, and more
  • ⚑ Real-Time Updates: Fresh issues updated daily from GitHub API
  • πŸ“± Mobile-First Design: Fully responsive across all devices
  • πŸŒ™ Dark Mode: Eye-friendly interface with system preference support

πŸ“Œ Key Features

πŸ” Advanced Issue Discovery

  • Smart Filtering: GitHub issues filtered by good first issue and documentation labels
  • Infinite Scroll: Loads 8 issues per scroll for smooth browsing
  • Real-Time Status: Live indicators showing Open/Closed status
  • Fresh Content: Displays last updated time in human-readable format
  • Rich Information: Complete issue details including:
    • Issue title and description
    • Repository name and owner
    • Issue number and direct GitHub link
    • Issue author information
    • All associated labels
    • Direct click-to-GitHub functionality

πŸŽ›οΈ Powerful Filtering System

  • Programming Languages:
    • All Languages (default)
    • JavaScript & TypeScript
    • Python
    • Java
    • C++
    • Go
    • Ruby
    • PHP
    • Rust
    • And many more...
  • Issue Categories:
    • All Issues (default)
    • Good First Issue
    • Documentation
    • Bug Fixes
    • Feature Requests

πŸ“Š Intelligent Sorting

  • Recently Created (default) - Latest issues first
  • Oldest First - Historical issues
  • Most Recently Updated - Active discussions
  • Most Stars - Popular repositories
  • Most Forks - Community favorites

🌈 Outstanding UI/UX

  • Fully Responsive Design: Perfect on Mobile, Tablet, and Desktop
  • Accessibility First: WCAG 2.1 AA compliant
  • Performance Optimized: 90+ Lighthouse scores
  • Smooth Animations: Delightful micro-interactions
  • Loading States: Skeleton loaders and friendly empty states
  • Back to Top: Quick navigation enhancement
  • Error Boundaries: Graceful error handling

πŸŽ“ Learning Resources

  • Git Cheatsheet: Essential Git commands for beginners
  • Open Source Guide: Complete contribution workflow
  • Best Practices: Industry-standard coding guidelines
  • Community Support: Connect with other developers

πŸš€ Quick Start

Prerequisites

  • Node.js 18+
  • npm or yarn
  • Git

Installation

# Clone the repository
git clone https://github.com/Rahulhanje/FirstPullRequest.git

# Navigate to project directory
cd FirstPullRequest

# Install dependencies
npm install

# Start development server
npm run dev

# Open http://localhost:5173 in your browser

Build for Production

# Build optimized production bundle
npm run build

# Preview production build
npm run preview

# Deploy to Vercel (recommended)
vercel deploy

πŸ› οΈ Tech Stack

Frontend Framework

  • React 18 - Modern React with Hooks and Concurrent Features
  • TypeScript - Type-safe development
  • Vite - Lightning-fast build tool and dev server

Styling & UI

  • Tailwind CSS - Utility-first CSS framework
  • Headless UI - Unstyled, accessible UI components
  • Lucide React - Beautiful, customizable icons
  • CSS Animations - Smooth transitions and micro-interactions

State Management & Routing

  • React Router v6 - Client-side routing
  • React Context - Global state management
  • Custom Hooks - Reusable logic components

APIs & Data

  • GitHub REST API - Real-time issue fetching
  • Axios - HTTP client for API requests
  • Date-fns - Modern date utility library

Performance & Analytics

  • Vercel Analytics - Real-time performance insights
  • Vercel Speed Insights - Core Web Vitals monitoring
  • Code Splitting - Optimized bundle loading
  • Lazy Loading - Improved initial load times

SEO & Accessibility

  • React Helmet Async - Dynamic meta tag management
  • Structured Data - Rich snippets for search engines
  • Open Graph - Social media optimization
  • ARIA Labels - Screen reader accessibility
  • Semantic HTML - Proper document structure

πŸ“ˆ SEO Optimization

FirstPullRequest is built with enterprise-level SEO optimization:

Technical SEO

  • βœ… Core Web Vitals optimized (LCP, FID, CLS)
  • βœ… Mobile-First responsive design
  • βœ… Fast Loading with code splitting and lazy loading
  • βœ… Progressive Web App capabilities
  • βœ… Structured Data for rich snippets
  • βœ… XML Sitemap auto-generated
  • βœ… robots.txt optimized for crawlers

Content SEO

  • βœ… Semantic HTML structure
  • βœ… Optimized Meta Tags for all pages
  • βœ… Open Graph and Twitter Cards
  • βœ… Canonical URLs to prevent duplicate content
  • βœ… Alt Text for all images
  • βœ… Heading Hierarchy (H1, H2, H3)

Performance Metrics

  • 🟒 Lighthouse Score: 95+ Performance
  • 🟒 First Contentful Paint: < 1.2s
  • 🟒 Largest Contentful Paint: < 2.5s
  • 🟒 Cumulative Layout Shift: < 0.1

🌍 Target Keywords

Primary keywords this platform ranks for:

  • "good first issue GitHub"
  • "beginner open source projects"
  • "first pull request tutorial"
  • "GitHub issues for beginners"
  • "open source contribution guide"
  • "programming projects for beginners"
  • "how to contribute to open source"

οΏ½ Analytics & Performance

  • Real-time Analytics with Vercel Analytics
  • Performance Monitoring with Speed Insights
  • Error Tracking with custom error boundaries
  • User Behavior tracking for UX improvements

🀝 Contributing

We welcome contributions from developers of all skill levels! This project is perfect for:

First-Time Contributors

  • πŸ”° Good first issues labeled and ready
  • πŸ“– Comprehensive contribution guide
  • πŸ€— Welcoming community support
  • 🎯 Clear project structure

How to Contribute

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

Contribution Areas

  • πŸ› Bug fixes and improvements
  • ✨ New features and enhancements
  • πŸ“š Documentation updates
  • 🎨 UI/UX improvements
  • ⚑ Performance optimizations
  • πŸ§ͺ Test coverage expansion

πŸ“£ Special Message

This project is specifically designed to help students and first-time contributors discover good issues easily. If you're an educator, influencer, or community leader, feel free to share this tool with your audience!

Student-Built for Students: I'm a student myself, building this to help others like me break into open source. Your support and feedback mean the world! 🌟


🎯 Roadmap

Coming Soon

  • Advanced Filters: More granular issue filtering
  • Saved Issues: Bookmark favorite issues
  • Contribution Tracking: Track your open source journey
  • Community Features: Developer profiles and achievements
  • Mobile App: Native iOS and Android apps
  • API Access: Public API for developers
  • Multi-Language: Platform translation support

Long-term Goals

  • AI Recommendations: Smart issue suggestions
  • Mentorship Program: Connect beginners with experts
  • Company Integration: Corporate open source programs
  • Educational Partnerships: University collaborations

οΏ½ Connect & Support

Get in Touch

Support the Project

  • ⭐ Star this repository if it helped you!
  • πŸ› Report bugs to help us improve
  • πŸ’‘ Suggest features for future releases
  • πŸ“’ Share with your developer community
  • β˜• Sponsor the project (coming soon)

πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.


πŸ™ Acknowledgments

  • GitHub API for providing amazing developer tools
  • Vercel for exceptional hosting and deployment
  • Open Source Community for inspiration and support
  • All Contributors who make this project better
  • You for considering contribution to open source!

🌟 Made with ❀️ to help developers make their First Pull Request 🌟

Visit FirstPullRequest β†’

Building the future of open source, one contribution at a time.

About

FirstPullRequest helps beginner developers find their first open source issues to contribute to, building confidence and real-world experience.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors