hop

KO | EN

gitlite — search

#nextjs #awesome-list #shell #docker #large-language-models #computer-vision #database #nlp #deep-learning #chatgpt

(★ 13)

No description available.

파일 탐색기

ZIP 다운로드

- lp-sample.png
- ogp.png
- - H3.tsx
  - Layout.tsx
- - skills.ts
- - createJobPosts.ts
  - createLoginModalStatus.ts
  - createLoginStatus.ts
- - JobPosts.ts
- App.tsx
- index.css
- index.tsx
- supabaseClient.ts
.gitignore
index.html
package-lock.json
package.json
pnpm-lock.yaml
postcss.config.js
README.md
tailwind.config.js
tsconfig.json
vercel.json
vite.config.ts

# CDN으로 사용하기

jsDelivr

jsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.

버전

파일

링크

예시

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## What is Hop?
Hop is a Tinder-like job board app that you can hit the button or arrow keys to decide to pass or add it to your favourite job posting list.

This is a project for Supabase Hackathon!

All the development process is here!: [https://twitter.com/taishik_/status/1558484020320768007](https://twitter.com/taishik_/status/1558484020320768007)

## What you can
* Fetch job posting data via Startup.jobs API (Thanks to [@marckohlbrugge](https://twitter.com/marckohlbrugge))
* Add job postings to your favourite job posting list and view it
* Login / Logout with GitHub account
* Edit your profile

## Why I created Hop
During the pandemic, I had a very difficult time finding a job in Canada as an immigrant. In the process, I thought that job hunting in particular should be more fun.

I felt that most of the existing job sites had a lot of text and overall very boring designs, and these made the job search process boring.

I created Hop in the hope that I could change this situation, even if only a little.

## How lucky I was
So [@marckohlbrugge](https://twitter.com/marckohlbrugge) let me use the [Startup.Jobs](https://startup.jobs/) API for Hop.

I call the API on Supabase Edge Function.

## Difficulties

The fact that 50 jobs were retrieved together via API when the /app page of the app was launched, and that these jobs were managed in a global state.

It's hard to manage them so that users don't see the same jobs multiple times.
[It's managed mainly here](https://github.com/taishikato/hop/blob/main/src/pages/app/app-top.tsx#L33-L104)

### Demo
https://hop-app.vercel.app/

### Team member
taishikato: [Twitter](https://twitter.com/taishik_)

### a brief description of how I used Supabase
I used Supabase
* auth
* store data
* function to build an API

### any other info I want the judges to know

* I was interested in Solid.js, so I used it this time as a way to learn about a new technology.

* During the pandemic, I had a very difficult time finding a job in Canada as an immigrant. In the process, I thought that job hunting in particular should be more fun.
I felt that most of existing job sites had a lot of text and overall very boring designs, and these made the job search process boring. I created Hop in the hope that I could change this situation, even if only a little.

### Photo

## Routes structure

* `/` - redirect to `/app` if the user is logged in, otherwise shows the LP.
* `/app` - kinda top page for logged in users
* `/profile` - profile setting page
* `/favorites` - favorite job list page

## API repository

* [taishikato/hop-api](https://github.com/taishikato/hop-api)

hop

오너의 다른 레포

파일 탐색기

# CDN으로 사용하기

Was this content helpful?

Recent Feedback

hop

오너의 다른 레포

파일 탐색기

# CDN으로 사용하기

Was this content helpful?

Recent Feedback

Download README