GitHub API Integration App

This is a full-stack web application built with React and Node.js that allows users to sign in using GitHub authentication and fetch their GitHub profile information, including their avatar and repositories. The app uses the GitHub API for seamless integration and data retrieval.

---

Features

• GitHub Authentication: Sign in securely with GitHub.
• Profile Display: View your GitHub username, avatar, and repositories.
• Search Functionality: Search for repositories or issues from your GitHub account.
• Modern UI: Built using React and Tailwind CSS for a clean and responsive design.

---

Installation

1. Clone the Repository

git clone https://github.com/your-username/github-api-integration-app.git
cd github-api-integration-app

2. Install Dependencies

• for the backend

cd server
npm install

• For the frontend:

cd client
npm install

Configuration

Set Up Environment Variables

• Create a .env file in the backend directory (server/) and configure the following:

PORT=<port>
GITHUB_CLIENT_ID=<your-github-client-id>
GITHUB_CLIENT_SECRET=<your-github-client-secret>

• To get your GitHub Client ID and Client Secret, create an OAuth App on GitHub by following these instructions.

Usage

1. Start the Backend Server

cd server
npm start

• This will start the backend server on port 3001 by default. To change the port, modify the PORT value in the .env file or directly in the server code.

2. Start the Frontend

cd client
npm run dev

• This will start the React development server on port 3000 by default.
• Visit http://localhost:3000 in your browser.