Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 0 additions & 20 deletions .gitignore

This file was deleted.

67 changes: 22 additions & 45 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,49 +2,26 @@

# Ackee Cookbook Web Version

Welcome, stranger! 👨🏻‍💻
Wanna join us at [Ackee][1]? Or you just don't know what to do on a lazy sunday afternoon ? 🌤 💤

We have a tasty Task for you! Create a JavaScript version of our delicious Ackee recipes. We have everything you need to get you started
- API (and a running server)
- Designs
- You can use our old grandpa stack => Simple React + Redux + Webpack skeleton with all assets (deprecated) ⛔️
- But we highly recommend to use official Next.js skeleton - https://github.com/AckeeCZ/next-app-template or our previous SPA create-react-app skeleton from facebook - https://facebook.github.io/create-react-app/docs/getting-started 🙏🏻
- We don't have the designs specific for monitors (we have mobile design only) but I am sure you can handle it by yourself and suprise us with some extra media queries 🖥
- You can look see our libraries and stuff we use at our doc pages - https://frontend-cookbook.ack.ee/#/ 🔥

## API & Server
Documentation for the api can be found on [Apiary][2] and the
fake api server runs lives here [Fake Api][3]
You can use both the Apiary or the Fake Api as well - its up to you!
The data are not persistent between calls (so dont worry that the POST calls are not stored there) :)
Api could be sometimes tricky but I know you can handle it! 🏆

## Designs
Application should contain these 3 screens. You can also download a Sketch app file over [here][4]

<img src="https://raw.githubusercontent.com/AckeeCZ/cookbook-web-task/master/screens/01_list.png" width="200">&nbsp;&nbsp;&nbsp;
<img src="https://raw.githubusercontent.com/AckeeCZ/cookbook-web-task/master/screens/03_add.png" width="200">&nbsp;
<img src="https://raw.githubusercontent.com/AckeeCZ/cookbook-web-task/master/screens/02_detail.png" width="200">&nbsp;&nbsp;&nbsp;

- List of recipes
- Form to add a new recipe (via the plus button)
- Detail of a recipe with rating (on a list item click)

## Tasks for you

We slightly recommend you to use our React + Redux + Webpack skeleton but you can use whatever framework you want. **The result should be a frontend app running in a browser.**

- Write the app.
- Use JavaScript to access API and to modify DOM.
- Use mobile first CSS approach to create a look of the app.
Welcome, stranger! 👨🏻‍💻 Wanna join us at [Ackee](https://ackee.cz/)? Or you just don't know what to do on a lazy sunday afternoon? 🌤 💤

We have a tasty task for you! Create a webapp to browse characters from Star Wars (or at least the first few movies) and send it to us as a link to a GitHub repo / dropbox / GDrive or similar.

## Description

- Come up with your own design
- The app should consist of:
- Page with the list of all characters with server-side search (i.e. the API does the searching)
- Detail page for a character
- Page for creating a new character with validation
- There is no API route for this so just *console.log* the data (or better - save the new character to local storage or similar db)
- If you want to add anything extra, go for it!

## Technical details

- API info is at [https://swapi.dev/](https://swapi.dev/)
- The app should run in common browsers (i.e. you don't have to support IE10 and lower).
- The user should be able to rate a recipe only once (user = browser).
- If you want to add anything extra, just go for it!
- Send it to us as link to dropbox / GDrive / etc..

[1]: https://ackee.cz
[2]: http://docs.cookbook3.apiary.io/#introduction/recipes
[3]: https://github.com/AckeeCZ/web-task-cookbook-fake-api
[4]: https://raw.githubusercontent.com/AckeeCZ/cookbook-android-task/master/screens/ackee_cookbook.sketch
[5]: https://github.com/AckeeCZ/android-cookbook
- Use React

We highly recommend using official Next.js skeleton - https://github.com/AckeeCZ/next-app-template or just plain [Next.js boilerplate](https://nextjs.org/docs/app/api-reference/create-next-app). Or you can just use CRA or something 🤷🏿

- You can look see our libraries and stuff we use at our doc pages at [https://ackee-frontend.notion.site/24ec93ab918645a9bb47a374a6f18b75?v=b46c2aebbccd47f695f9a271c19ccf44](https://ackee-frontend.notion.site/24ec93ab918645a9bb47a374a6f18b75?v=b46c2aebbccd47f695f9a271c19ccf44) 🔥
1 change: 0 additions & 1 deletion img/res.txt

This file was deleted.

38 changes: 0 additions & 38 deletions package.json

This file was deleted.

Binary file removed screens/01_list.png
Binary file not shown.
Binary file removed screens/02_detail.png
Binary file not shown.
Binary file removed screens/03_add.png
Binary file not shown.
Binary file removed screens/ackee_cookbook.sketch
Binary file not shown.
15 changes: 0 additions & 15 deletions src/app.js

This file was deleted.

Binary file removed src/fonts/Roboto-Bold.ttf
Binary file not shown.
Binary file removed src/fonts/Roboto-Italic.ttf
Binary file not shown.
Binary file removed src/fonts/Roboto-Light.ttf
Binary file not shown.
Binary file removed src/fonts/Roboto-LightItalic.ttf
Binary file not shown.
Binary file removed src/fonts/Roboto-Medium.ttf
Binary file not shown.
Binary file removed src/fonts/Roboto-Regular.ttf
Binary file not shown.
7 changes: 0 additions & 7 deletions src/js/reducers/index.js

This file was deleted.

10 changes: 0 additions & 10 deletions src/js/routes/index.js

This file was deleted.

11 changes: 0 additions & 11 deletions src/js/store/index.js

This file was deleted.

13 changes: 0 additions & 13 deletions src/sass/main.scss

This file was deleted.

160 changes: 0 additions & 160 deletions webpack.config.js

This file was deleted.

Loading