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

https://github.com/trzmlel/githubapi-profiles

page to check users of this service
https://github.com/trzmlel/githubapi-profiles

api cypress github-api vite vue

Last synced: 3 months ago
JSON representation

page to check users of this service

Awesome Lists containing this project

README

          

# GitHub Profiles

## Description
Using the GitHub API, I created a page to check users of this service. I drew inspiration for creating this page from the repository: [50projects50days](https://github.com/bradtraversy/50projects50days "50projects50days")

## Screenshots
### Desktop view
![Desktop view 1](https://cdn.discordapp.com/attachments/783723569016340523/1173373985522716692/image.png?ex=6563b8ae&is=655143ae&hm=ecf4410dc5c2da4e4fe2e5b479edaeda2487b0f5586feb828b942afe0a1e87ee& "Desktop view 1")

![Desktop view 2](https://cdn.discordapp.com/attachments/783723569016340523/1173374287885897788/image.png?ex=6563b8f6&is=655143f6&hm=b917397e985a66f12f75eb00e4570f54a4a2071ba761f2e05c15f0f28cfcea31& "Desktop view 2")
### Mobile view
![Mobile view 1](https://cdn.discordapp.com/attachments/783723569016340523/1173374417649278996/image.png?ex=6563b915&is=65514415&hm=0b040fa5af675778668ad5b707122747fee7b35ce85480a6552898d53fc1a236& "Mobile version 1")

![Mobile view 1](https://cdn.discordapp.com/attachments/783723569016340523/1173374470921142352/image.png?ex=6563b922&is=65514422&hm=99a7ad3ea460c83f087952855cc643c42048d7bd367e9e0f5c40fd56a5f68029& "Mobile view 1")

## How to run the code
To run the code, you must have node.js installed.
Then in the terminal in the project folder, you need to type

`npm install`

and then

`npm run dev`

Then click on the localhost link.

### How to run the test
If u dont install packages type

`npm install`

Go to tests folder

`cd tests`

and than

`npm run cypress:open`

Go to E2E test and run in your browser test

## Used tools

- Figma
- JavaScript
- Vite
- Vue 3
- Tailwindcss
- Cypress