KONTAKTY
Link do aplikacji
https://contacts-levandovski.herokuapp.com//
Technologie i narzędzia
front-end
java script
jquery
ajax
json
html
css
back-end
node
mongoDB
express
dotenv
serve-static
nodemon
narzędzia
heroku
atlas mongo
mongoDB compass
visual studio
git
linux
npm
Opis

Aplikacja stworzona podczas nauki node.js, express, mongoDB, java script. Aplikacja posiada 4 moduły.
Dodawanie: dodaje jeden kontakt do bazy.
Sortowanie: sortuje po imieniu, nazwisku, rosnąco lub malejąco. Limit wyświetlanych wyników.
Wyszukiwanie: wyszukiwanie kontaktu z listy rezultatów
Usuwanie: usuwanie wszystkich kontaktów, usuwanie zaznaczonych kontaktów, załadowanie przykładowej bazy kontaktów.
Dodatkowo: każdy kontakt można edytować, usuwać. Kopiowanie do schowka danych kontaktowych. Aplikacja posiada walidacje formularzy dla dodania, aktualizacji kontaktu. Aplikacja dostosowana do rozmiaru każdego urządzenia przy pomocy RWD, Bootstrap, Flex.

POGODA
Link do aplikacji
https://weather-levandovski.herokuapp.com//
Technologie i narzędzia
java script
jquery
ajax
json
node
express
dotenv
axios
serve-static
nodemon
css
bootstrap
sass
narzędzia
heroku
visual studio
git
linux
npm
inne
rest api
postman
html
Opis

Aplikacja stworzona podczas nauki technologi back-end oraz metod HTTP. W chwili wysłania zapytania [ wyszukiwania pogody ] przez klienta [ przeglądarkę ], zostaje wysłane zapytanie [ ajax ] do stworzonej przeze mnie aplikacji back-end [ express ] na platformie heroku. Po stronie serwera aplikacja przetwarza żądanie od klienta i wysyła zapytanie [ przy pomocy axios ] do dostawcy pogody, uzykując dane odnośnie aktualnej pogody, w odpowiedzi wysyła dane w formacie json do klienta. Rozwiązanie takie pozwoliło na stworzenie zmiennych środowiskowych w heroku. Dzięki temu klucze api po stronie klienta są niedostępne. Aplikacja testowana na: Microsoft Edge, Google Chrome, Windows 10, Linux Mint, Android 10 [ Telefony Samsung S10 i S20 ].

Obsługa

W aplikacji można wyszukać aktualną prognozę pogody dla wpisanego przez użytkownika miasta. Aplikacja akceptuje tylko litery. Można uzywać znaków "spacji" i "myślnika". Wilekość liter nie ma znaczenia. Aplikacja ma ograniczenie rezultatów wyszukiwania [ max 5 miast ]. Dodatkowe funkcje: odświeżanie pogody dla danego miasta, zmiana miasta zanjdującego się na liście rezultatów.

REST API
Aplikacja po stronie serwera posiada API dla zapytań GET. Aby otrzymać dane pogodowe dla wybranego miasta należy wysłać zapytanie z następującymi danymi :

W miejsce cityName należy podać nazwę szukanego miasta.

url
https://weather-levandovski.herokuapp.com/w

dataType
json

data
city: cityName

type
GET


Działnie API można przetestować w aplikacji POSTMAN:

url
https://weather-levandovski.herokuapp.com/w

key
city

value
nazwa miasta



Przykładowa odpowiedż aplikacji - obiekt w formacie JSON. Poniżej przykład dla zapytania dla miasta Bydgoszcz.
{
"coord":{"lon":18.0076, "lat":53.1235 },
"weather":[{ "id":500, "main":"Rain", "description":"słabe opady deszczu", "icon":"10d" }],
"base":"stations",
"main":{ "temp":3.02, "feels_like":-2.56, "temp_min":2.78, "temp_max":3.33, "pressure":1022, "humidity":52},
"visibility":10000,
"wind":{ "speed":4.12, "deg":290},
"rain":{"1h":0.27},
"clouds":{"all":20},
"dt":1614956111,
"sys":{ "type":1, "id":1688, "country":"PL", "sunrise":1614921970, "sunset":1614961983},
"timezone":3600,
"id":3102014,
"name":"Bydgoszcz",
"cod":200
}