Skip to content

debojeetmitra/mern-github-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🚀 RepoVerse (MERN GitHub)

🔗 Live Demo: https://repoverse-app.onrender.com

RepoVerse is a GitHub-inspired full-stack developer platform built using the MERN stack. It allows users to authenticate via GitHub, explore developer profiles, view repositories, and interact with GitHub data in a modern UI.


✨ Features

  • 🔐 GitHub OAuth Authentication (Passport.js)
  • 👤 Search GitHub users and view profiles
  • 📂 Fetch and display repositories from GitHub API
  • ⭐ Like / save developer profiles
  • 🔍 Filter and sort repositories
  • ⚡ Responsive UI with Tailwind CSS
  • 📊 Clean dashboard-style interface
  • 🌐 Fully deployed full-stack application

🛠️ Tech Stack

Frontend:

  • React.js
  • Tailwind CSS
  • Axios

Backend:

  • Node.js
  • Express.js
  • Passport.js (GitHub OAuth)
  • MongoDB + Mongoose

API:

  • GitHub REST API

🔐 Authentication Flow

  • User logs in using GitHub OAuth
  • Passport.js handles authentication
  • Session-based login system
  • Secure backend session management

📁 Project Structure

RepoVerse/ │ ├── client/ (React frontend) ├── server/ (Express backend) │ ├── config/ │ ├── models/ │ ├── routes/ │ └── controllers/ │ ├── .env ├── package.json └── README.md


⚙️ Installation & Setup

1. Clone repository

git clone https://github.com/debojeetmitra/repoverse.git cd repoverse

2. Install dependencies

Backend: cd server npm install

Frontend: cd client npm install


3. Environment Variables

Create .env in /server:

MONGO_URI=your_mongodb_uri GITHUB_CLIENT_ID=your_github_client_id GITHUB_CLIENT_SECRET=your_github_client_secret SESSION_SECRET=your_session_secret


4. Run project

Backend: cd server npm start

Frontend: cd client npm run dev


🚀 Deployment

Frontend: Vercel / Netlify
Backend: Render
Database: MongoDB Atlas


📚 What I Learned

  • GitHub OAuth with Passport.js
  • MERN stack architecture
  • REST API integration
  • Authentication & session handling
  • Full-stack deployment workflow

📸 Screenshots

🏠 Home / Landing Page

Screenshot 2026-05-12 at 10 55 12 AM

🔍 Explore Page

Screenshot 2026-05-12 at 11 05 34 AM

👤 Likes Page

Screenshot 2026-05-12 at 11 06 35 AM

👨‍💻 Author

Debojeet Mitra
GitHub: https://github.com/debojeetmitra/mern-github-app Live: https://repoverse-app.onrender.com


⭐ Support

If you like this project, give it a ⭐ on GitHub!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors