An open API service indexing awesome lists of open source software.

https://github.com/tneos/search-github-users

Web app that allows you to search for users on Github
https://github.com/tneos/search-github-users

apollo-client github-api react shadcn-ui tailwind-css typescript vite

Last synced: 5 months ago
JSON representation

Web app that allows you to search for users on Github

Awesome Lists containing this project

README

          

# Search Github Users


Web app that allows you to search for users on Github.


![](https://img.shields.io/website-up-down-green-red/http/monip.org.svg)
![](https://img.shields.io/badge/Maintained-Yes-indigo)
![](https://img.shields.io/github/issues/tneos/ellnot-online)
![](https://img.shields.io/github/last-commit/tneos/ellnot-online)


## Tools

- React
- Vite
- Tailwind CSS
- Shadcn UI
- Typescript
- Github API
- Appollo Client


## Setup

- create a new directory

```bash
npm create vite@latest . -- --template react-ts
```

```bash
npm install
```

```bash
npm run dev
```

## Tailwind CSS

```bash
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
```

```js
/** @type {import('tailwindcss').Config} */
export default {
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
theme: {
extend: {},
},
plugins: [],
};
```

index.css

```css
@import "tailwindcss";
@import "tw-animate-css";
```

![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)
![forthebadge](https://forthebadge.com/images/badges/for-you.svg)
![forthebadge](https://forthebadge.com/images/badges/powered-by-coffee.svg)

```

```