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

https://github.com/pyozer/cross-sourcerer

Let's talk about universal app
https://github.com/pyozer/cross-sourcerer

apollo-client github-api graphql react rsuite typescript

Last synced: 11 months ago
JSON representation

Let's talk about universal app

Awesome Lists containing this project

README

          



## Hello, Sourcerer

## 🐼 Summary

* [Rules](#rules)
* [Overview](#overview)
* [Story](#story)
* [Postlude](#postlude)
* [Bonus](#bonus)
* [Credits](#credits)

## 🦊 Rules

Hi, here are some rules to carry out this story oav;

* You **MUST** create a git repository named `cross-sourcerer`
* You **MUST** create a file called `.author.json` with your fullname

```sh
~/cross-pwgame ❯❯❯ cat -e .author.json
{
"fullname" : "Richard Stallman"
}$
```

> Of course, you can talk about the subject with other developers, peer-learning is
> the key to be a better developer. Don't hesitate to ask questions or help people on slack.

> Don't forget, there is no useless question :-)

* You **MUST** return the project on Friday March, 23 at 16:00 pm by sending an MP on slack with the link of your github repo.

## 🐱 Overview

This project is about visual profile for software engineer and **HAVE TO** be a **UNIVERSAL APP**, thats means work on desktop (yo [**Electron**](https://www.electronjs.org/), website and mobile;

You **HAVE TO** use for all web based applicaiton at least one **PWA** native features: `offline`, `notifications`, etc.

You **CAN** use any ui.x libraries you want [ if interested, you can even create your own ]

You **CAN** use any front-end libraries you want.

## 🐨 Story

### = Prelude

Well, as a developer we all use Github ; But is there a way to have visual informations of public users informations and meta-data ?
Yes ! Thanks to Github API we can have any data we want, and the goal of the project is to make a copycat of.... [**Sourcerer**](https://sourcerer.io/) !

The website first usecase is to simply consume Github API to display data.

You **MUST** do the same by using **GraphQL Github API** available [here](https://developer.github.com/v4/)

The purpose here is to share maxium possible code from all clients (and server of course in case of bonuses ;p)

### = Features

Take a look at the screen below ;

Everything in red is **MANDATORY** and **ROSE** is optionnal
![](./sourcerer.majdi.png)

## 🦄 Bonus

I know you love that, well you can in bulk:

* Create a proxy server that handle Github API request (save them) and then send to the client #data :)
* Allow a user to connect to Githu using PWA API
* Add more visual effect #css4TheWin 🎉

## 🐵 Credits

Craft with :heart: in **Paris**.