Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/simonemandola/get-any-github-user-svelte

Get any GitHub user, build with Vite + Svelte + TypeScript
https://github.com/simonemandola/get-any-github-user-svelte

github-api javascript sass svelte sveltejs typescript vite

Last synced: 12 days ago
JSON representation

Get any GitHub user, build with Vite + Svelte + TypeScript

Host: GitHub
URL: https://github.com/simonemandola/get-any-github-user-svelte
Owner: simonemandola
Created: 2023-12-01T14:40:11.000Z (12 months ago)
Default Branch: main
Last Pushed: 2023-12-19T17:09:16.000Z (11 months ago)
Last Synced: 2024-10-11T12:41:02.190Z (about 1 month ago)
Topics: github-api, javascript, sass, svelte, sveltejs, typescript, vite
Language: Sass
Homepage:
Size: 10.2 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # GitHub API + Vite + Svelte + TS + SASS

[![Typing SVG](https://readme-typing-svg.demolab.com?font=Fira+Code&weight=500&size=18&pause=1200&color=0E71E3&random=false&width=435&lines=Get+any+GitHub+user.)](https://git.io/typing-svg)

Application that retrieves any user from GiHub and shows the most relevant information.

![Netlify Status](https://api.netlify.com/api/v1/badges/c44f36ab-cde7-49f8-b09c-e7ca890c376f/deploy-status)

![GitHub deploy workflow](https://github.com/simonemandola/get-any-github-user-svelte/actions/workflows/deploy.yml/badge.svg?branch=main)

> Live [here](https://get-any-github-user.netlify.app/) 🚀

## Docs 📄

- [Vite](https://vitejs.dev/guide/)

- [Svelte](https://svelte.dev/docs/introduction)

## Install 💾

Clone the repository https://github.com/simonemandola/get-any-github-user-svelte and install dependencies:

```bash

npm install

```

You need .env variable

```

VITE_GITHUB_TOKEN=

```

## Run Development Server 🏃‍♂️

Run the command below:

```bash

npm run dev

```

And open: [http://localhost:5173/](http://localhost:5173/)

## Build 🏗️

Run the command below:

```bash

npm run build

```

Publish directory: **/dist**

## Screenshots

### Desktop

![](src/assets/img/screenshots/desktop-1.png)

![](src/assets/img/screenshots/desktop-2.png)

![](src/assets/img/screenshots/desktop-3.png)

### Mobile