Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/embloy/embloy-examples
Example implementations of Embloy-Quicklink in different frameworks & languages
https://github.com/embloy/embloy-examples
angular astro django express fastapi flask gin-gonic javascript laravel nextjs nodejs php react ruby-on-rails spring-boot sveltekit typescript vue
Last synced: 8 days ago
JSON representation
Example implementations of Embloy-Quicklink in different frameworks & languages
- Host: GitHub
- URL: https://github.com/embloy/embloy-examples
- Owner: Embloy
- License: agpl-3.0
- Created: 2023-12-28T11:00:41.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-06-26T11:51:37.000Z (5 months ago)
- Last Synced: 2024-06-27T03:01:48.185Z (5 months ago)
- Topics: angular, astro, django, express, fastapi, flask, gin-gonic, javascript, laravel, nextjs, nodejs, php, react, ruby-on-rails, spring-boot, sveltekit, typescript, vue
- Language: JavaScript
- Homepage: https://example.embloy.com
- Size: 1.74 MB
- Stars: 2
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Embloy-Examples
Example implementations of Embloy-Quicklink in different frameworks & languages
## Introduction
To facilitate use of Embloy's Quicklink API, we generously provided possible (simple) integrations of Embloy's Quicklink, implemented using the most popular languages and frameworks. In most cases, all it takes is not more than ~10 LOC to integrate Embloy Quicklink into your own job posting service.
E.g.:
_In your backend add a **make_request** endpoint:_
```Javascript
// Call the Embloy SDK to request a link to an application session
const embloy = new EmbloyClient(
process.env.CLIENT_TOKEN,
new EmbloySession("job", jobSlug)
);
const url = await embloy.makeRequest();
// Return the URL to the client
res.status(200).json({ url: url });
```
_In your frontend call this endpoint whereever you want:_
```TypeScript
// Call your endpoint
const response = await fetch("/api/example?job_slug=", {
method: "POST",
headers: { "Content-Type": "application/json" },
});
// Redirect the user to the obtained URL from the response
window.location.href = await response.json().url;
```
## How To Use
Choose your framework and cd into the respective directory. There you will find detailed instructions on how to set up and start the clients and servers.
> **Note:** _You will have to set your client_token in the directory's .env file, if you want to set all .env files at once, you can run:_
>
> ```bash
> ./config/env_setter -t
> ```
## Supported frameworks
- [ ] Angular
- [X] Astro + Express
- [X] Blazor + ASP.NET Core using
- [X] Django
- [X] Next.js + FastAPI
- [X] Next.js + Flask
- [X] Next.js + TypeScript
- [X] React + Express
- [X] React + Laravel
- [X] Ruby on Rails
- [ ] Spring-Boot
- [X] SvelteKit + Express
- [X] Vue + Gin-Gonic
## Fully tested frameworks on remote servers and chromium & firefox clients
- [ ] Angular
- [ ] Astro + Express
- [ ] Blazor + ASP.NET Core using
- [X] Django (see https://genius.embloy.com)
- [ ] Next.js + FastAPI
- [ ] Next.js + Flask
- [X] Next.js + TypeScript (see https://example.embloy.com)
- [ ] React + Express
- [ ] React + Laravel
- [X] Ruby on Rails (see https://example-rails.onrender.com)
- [ ] Spring-Boot
- [ ] SvelteKit + Express
- [X] Vue + Gin-Gonic (see https://embloy-examples-vue-gin.onrender.com/)
## Embloy-Button
You can customize the "_apply with embloy_" button however you want, but here are some default examples:
- Plain dark (HTML)
```HTML
```
- Plain light (HTML)
```HTML
```
- Plain colorful (HTML)
```HTML
```
- Modern-Dark (TypeScript+TailwindCSS)
```TypeScript
Apply with {' '}
```
- Logo-Only-Monochrome-Dark (HTML+TailwindCSS)
```TypeScript
Apply with {' '}
```
---
© Carlo Bortolan, Jan Hummel
> Carlo Bortolan ·
> GitHub [@carlobortolan](https://github.com/carlobortolan) ·
> contact via [[email protected]](mailto:[email protected])
>
> Jan Hummel ·
> GitHub [@github4touchdouble](https://github.com/github4touchdouble) ·
> contact via [[email protected]](mailto:[email protected])