samuelsilvadev / check-out-github-profiles

Application to search and see details about users and its github information on a simple and modern way

Home Page:https://check-out-github-profiles.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Check Github Profiles

This app allows users to search for Github users by their username. Once a user is found, the user can check details about the user such as their profile picture, name, number of followers and repositories. The user can also view the repositories owned by the user and their details like the repository name, description and navigate to the repository on github to check more details.

Run Locally

For this project, first you need to have node and yarn installed locally, then:

Clone the project

  git clone https://github.com/samuelsilvadev/check-out-github-profiles

Go to the project directory

  cd check-out-github-profiles

Install dependencies

  yarn install

Start the server

  yarn dev

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

VITE_GITHUB_TOKEN, VITE_GITHUB_BASE_API.

You can also copy the .env.example to speed up the process

cp .env.example .env

...the VITE_GITHUB_BASE_API will come pre-filled and to insert the VITE_GITHUB_TOKEN you need to create a github token. here you have a guide on how to do it.

Running Tests

To run tests, run the following command

  yarn test

Tech Stack

Client: React, React-router, Typescript.

Tests: Vitest, Msw, Testing-library.

Code quality: Prettier, Eslint, Typescript, Pre-commit.

License

MIT

About

Application to search and see details about users and its github information on a simple and modern way

https://check-out-github-profiles.vercel.app


Languages

Language:TypeScript 84.5%Language:CSS 11.4%Language:JavaScript 2.0%Language:HTML 2.0%Language:Shell 0.2%