GitHub Analytics Portal

Welcome to the GitHub Analytics Portal, a comprehensive platform where users can log in, explore profiles, and analyze repositories hosted on GitHub. Built with modern web technologies, this portal provides an intuitive interface for interacting with GitHub data.

🚀 Features

• Login/Signup:

  • Users can sign in or sign up using the OAuth GitHub functionality powered by Passport.js.

• Home Page:

  • Explore and view profiles of GitHub users.
  • Access a comprehensive list of repositories published by the searched users.

• Like Page:

  • Discover which users have liked your profile.

• Explore Page:

  • Browse popular repositories categorized by programming languages such as JavaScript, Python, C++, Java, and more.

🛠️ Tech Stack

The project is built with the following technologies:

Frontend:

• MERN Stack: MongoDB, Express.js, React, Node.js.
• Vite: Next-generation frontend tooling for blazing fast development.
• Tailwind CSS: Utility-first CSS framework for custom designs.
• React Router DOM: For seamless multi-page navigation.
• React Icons: A rich set of icons for React applications.
• React Hot Toast: Toast notifications for a better user experience.

Backend:

• GitHub API:
  • Utilized to fetch user data and repository information.
• Nodemon: For live updates in the server during development.
• Passport.js: Implements OAuth with GitHub for secure user authentication.

📂 Directory Structure

├── Backend
│   ├── controllers
│   ├── models
│   ├── routes
│   └── server.js
├── Frontend
│   ├── public
│   ├── src
│   │   ├── components
│   │   ├── pages
│   │   ├── utils
│   │   └── App.js
└── README.md

Installation

1. Clone the repository:

git clone https://github.com/your-username/github-analytics-portal.git

2.Install dependencies for both frontend and backend:

Navigate to the backend directory

cd Backend
npm install

Navigate to the frontend directory

cd Frontend
npm install

3.Environment Variables:

Set up your environment variables for OAuth and other configurations in a .env file in the backend directory.

4. Run the Application

Start the backend server

cd Backend
npm run dev

Start the frontend

cd Frontend
npm run dev

📝 Usage

1.Sign In/Sign Up:

Access the portal using your GitHub account.

2.Explore Users:

Use the search functionality on the home page to find and analyze GitHub profiles and repositories.

3.Like and Explore:

Engage with profiles and explore popular repositories across different languages.

🛡️ Authentication

The app uses Passport.js for secure user authentication through GitHub's OAuth system.

📝 License

This project is licensed under the MIT License. See the LICENSE file for more information.

🌐 Contact

For any inquiries or feedback, please contact me at nitinbdkt777@gmail.com.