https://github.com/zoontek/punk-api-exercise
https://github.com/zoontek/punk-api-exercise
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/zoontek/punk-api-exercise
- Owner: zoontek
- Created: 2019-11-26T10:23:10.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2024-10-30T23:27:46.000Z (over 1 year ago)
- Last Synced: 2025-04-14T03:55:28.692Z (about 1 year ago)
- Language: HTML
- Size: 822 KB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Punk API exercise
Using the 🍺 [**Brewdog Punk API**](https://punkapi.com/documentation/v2) (no authentification required 👍) and ⚛[**React**](https://reactjs.org) + [**React Native Web**](http://necolas.github.io/react-native-web/docs), you will create a single page application with a simple form to search and display a beer list as you type. Feel also free to [personnalize](http://necolas.github.io/react-native-web/docs/?path=/docs/guides-style--page) your app with a kickass style ✨.
This repository is a boilerplate containing everything you need to realize this exercise: it's based on [**Create React App**](https://create-react-app.dev), the dependencies are already declared in the `package.json` and sensible default global styles as been set.
You can use **JavaScript** or **TypeScript** (pick the one you feel the most confident with). By default, the `src/JavaScript/App.js` file will be used as the entry point. To switch and use the `src/TypeScript/App.tsx` file instead, set the `USE_TYPESCRIPT` variable in `src/index.tsx` to `true`.
👉 Your code will be published on a GitHub repository.
## Available Scripts
In the project directory, you can run:
### `yarn start`
Runs the app in the development mode.
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
### `yarn build`
Builds the app for production to the `build` folder.
It correctly bundles React in production mode and optimizes the build for the best performance.