GitHub Profile

A React + TypeScript application that fetches and displays GitHub profiles along with their repositories. Built with modern web technologies, including Vite, ShadCN UI components, and tested using Vitest and Cypress for a robust and reliable user experience.

📸 Demo

🌐 Visit the demo

🚀 Features

• GitHub Profile Lookup: Search for GitHub users by username to view their profile information.
• Repositories List: Display a list of public repositories with additional details.
• Interactive UI: Modern, accessible, and responsive design using ShadCN components.
• Testing Suite: Comprehensive testing using Vitest and Cypress for unit and end-to-end tests.
• Error Handling: Graceful handling of network errors and non-existent profiles.

🛠️ Tech Stack

• Frontend: React + TypeScript
• Styling: ShadCN
• Build Tool: Vite
• Testing: Vitest for unit tests, Cypress for end-to-end tests

📦 Installation

1. Clone the repository:

   git clone https://github.com/ValentinOsvaldo/github-profile.git
   cd github-profile

2. Install dependencies:

   npm install

3. Run the project:

   npm run dev

4. Access the app: Open your browser and go to http://localhost:3000.

🧪 Running Tests

• Unit Tests (using Vitest):

  npm run test

• End-to-End Tests (using Cypress):

  npm run test:e2e:dev

⚙️ Project Structure

src/
├── components/         # Reusable UI components
├── pages/              # Page components
├── hooks/              # Custom hooks
└── App.tsx             # Main app component