Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/chara0511/github-jobs

Do you want to know how is the current job market is? This job search app with Github Jobs Api is for you.
https://github.com/chara0511/github-jobs

css cssmodules nextjs react swr typescript

Last synced: about 13 hours ago
JSON representation

Do you want to know how is the current job market is? This job search app with Github Jobs Api is for you.

Awesome Lists containing this project

README

        

Github Jobs




Demo

|

Challenge


## 🔥 Table of Contents

- [Overview](#overview)
- [Built With](#built-with)
- [Features](#features)
- [How to use](#how-to-use)
- [Contact](#contact)
- [Acknowledgements](#acknowledgements)

## Overview

💻 Desktop version

![screenshot](public/desktop-version.png)
![screenshot](public/desktop-version2.png)

📱 Mobile version

![screenshot](public/mobile-version.png)
![screenshot](public/mobile-version2.png)

### Built With

- [Javascript](https://developer.mozilla.org/es/docs/Web/JavaScript)
- [Nextjs](https://nextjs.org/)
- [React](https://reactjs.org/)
- [CSS](https://developer.mozilla.org/es/docs/Web/CSS)
- [SWR](https://swr.vercel.app/)
- [TypeScript](https://www.typescriptlang.org/)

## Features

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app), was created as a submission to a [devChallenges](https://devchallenges.io/challenges) challenge. The [challenge](https://devchallenges.io/challenges/f4NJ53rcfgrP6sBMD2jt) was to build an application to complete the given user stories.

## How To Use

To clone and run this application, you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. From your command line:

```bash
# Clone this repository
$ git clone https://github.com/jcarlos0511/github-jobs.git

# Enter the created folder
$ cd github-jobs

# Install dependencies
$ npm install

# Run the app
$ npm run dev

# Visit http://localhost:3000/
```

## Acknowledgements

- [Next.js examples - GitHub](https://github.com/vercel/next.js/tree/canary/examples)
- [React TypeScript Cheatsheets](https://react-typescript-cheatsheet.netlify.app/)
- [Steps to replicate a design with only HTML and CSS](https://devchallenges-blogs.web.app/how-to-replicate-design/)
- [Marked - a markdown parser](https://github.com/chjj/marked)

## Contact

- GitHub [@jcarlos0511](https://github.com/jcarlos0511)
- Twitter [@jncarloschara](https://twitter.com/jncarlos0511)