Code Monkey home page Code Monkey logo

rekrutacja's Introduction

Rekrutacja

W ramach rekrutacji stworzyliśmy cztery zadania z czterech różnych kategorii, żeby każdy znalazł coś dla siebie. Wybierz jedno zadanie, a rozwiązanie udostępnij w publicznym repozytorium kodu (np. GitHub). Zadania powinny być rozwiązywane indywidualnie. Masz na to 2 tygodnie. Link do repozytorium należy wysłać poprzez formularz rekrutacyjny.

Powodzenia!

Kategorie:

Frontend

W katalogu ./frontend w tym repozytorium znajduje się proste API wraz z opisem endpointów dla poniższego zadania.

Korzystając z frameworka React.js, Vue.js lub Angular napisz formularz umożliwiający rezerwację lub zakup biletu do kina.

Formularz ma udostępniać opcję wyboru godziny (lista godzin zwracana jest przez API), wyboru miejsca lub kilku miejsc na planie kina (dostępność miejsc dostępna przez API) oraz wyboru zniżki (te można sobie wymyślić 😉). Po wypełnieniu powyższych informacji wraz z danymi kontatowymi (imię, nazwisko, email, numer telefonu), użytkownik przenoszony jest do widoku podsumania, który pozwala przejrzeć i edytować wszystkie pola.

Dozwolone jest użycie frameworków CSS jak i bibliotek dostępnych w repozytorium NPM. Ocenie podlega wygląd, jakość kodu (między innymi właściwe dla danego frameworka wykorzystanie formularzy) oraz ogólny feeling aplikacji (responsywność, walidacja pól).

Design

Zaprojektuj makietę aplikacji webowej, pozwalającej na zapisywanie się w pokojach na rajdy PWr!

Twoim zadaniem jest przygotowanie jedynie części serwisu odpowiedzialnej za rezerwację wybranego lokum i przeglądanie listy dostępnych pokoi, wraz z informacją o ich zapełnieniu. Dla ułatwienia, pomijamy tutaj najmniej emocjonujące ekrany (typu logowanie).

Zadbaj, aby makieta uwzględniała podane funkcjonalności:

  • Każdy pokój na liście posiada swoją nazwę lub numer
  • Pokoje mieszczą różną liczbę osób
  • Wszystkie, bez względu na dostępność, wyświetlają się na liście
  • Aktualne zapełnienie jest publicznie dostępne
  • Użytkownik ma prawo zmienić wybrane lokum

Dodatkowo, aplikacja powinna korzystać z podanej palety barw i być w pełni responsywna.

Przykładowe narzędzia

  • aplikacje do tworzenia makiet (np. AdobeXD, Sketch)
  • do grafiki wektorowej (np. Inkscape, Adobe Illustrator)
  • do grafiki rastrowej (np. Gimp, Photoshop)

Oceniany będzie wygląd aplikacji i przyjazność interfejsu użytkownika.

Mobile

Zaprojektuj i napisz aplikację mobilną zawierającą listę dostępnych produktów spożywczych w Twojej lodówce!

Użytkownik aplikacji powinien mieć możliwość dodawania do listy nowych produktów. Każda pozycja powinna zawierać informacje takie jak: nazwa produktu, liczba sztuk / ilość i, co najważniejsze, termin przydatności do spożycia. Może warto się pokusić o dodanie jakiegoś zdjęcia każdego produktu?

Zadbaj o pełną funkcjonalność aplikacji:

  • użytkownik powinien mieć możliwość usunięcia produktu z listy oraz aktualizacji liczby/ilości danego produktu,
  • produkty powinny być sortowane po terminie przydatności do spożycia,
  • lista produktów powinna być pamiętana po zamknięciu aplikacji.

Do przechowywania listy produktów możesz użyć Firebase'a, SQLite'a lub innego stosownego rozwiązania.

Aplikację możesz napisać natywnie na systemy iOS lub Android albo pokusić się o skorzystanie z JSowego frameworka, na przykład React Native.

Oceniane będą jakość kodu oraz 'feeling' aplikacji (łatwość oraz wygoda użytkowania). Wszelkie własne 'ficzery' mile widziane!

Backend

Wyobraź sobie, że piszesz backend do aplikacji imitującej JakDojade!

W pliku JSON dostaniesz zapisaną mapę przystanków w Solvro City. Napisz część serwisu odpowiadającą za rejestrację i logowanie się użytkownika oraz za podawanie informacji o przystankach i najkrótszej trasy pomiędzy dwoma z nich. O sposobie podawania tych informacji powie Ci specyfikacja (część z wyznaczaniem trasy wykonaj bez używania zewnętrznych bibliotek)

Do Twojej dyspozycji dajemy skrypt, który generuje mapę miasta i zapisuję ją do pliku. Możesz go użyć do testowania swojego API dla różnych map.

Na koniec zadbaj o przejrzyste readme.

Nice to have:

  • łatwość odpalania Twojego kodu niezależnie od środowiska (serdecznie polecamy Dockera)
  • swagger wygenerowany z kodu na wybranym porcie :-)

Oceniana będzie jakość kodu, jego dokumentacja, rozwiązanie postawionego problemu, użycie odpowiednich technologii, odporność na podstawowe ataki oraz błędne dane (które nie są zawarte w specyfikacji) i praca z systemem kontroli wersji.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.