Internetowa platforma do handlu nieruchomościami.
Zespół pracował w ramach kursu CodersCamp. Aplikację wykonali uczestnicy kursu przy pomocy mentora. Zachęcamy do odwiedzenia profili członków zespołu, w celu zapoznania się z ich portfolio.
Mentor: João Kiakumbo Sebastião
Uczestnicy:
- Bartlomiej Kaminski (Tester)
- Hubert Siewior (Test Manager)
- Adrian Kotliński (Team Leader)
- Magdalena Socha (Product Owner)
- Tomasz Smolarski (Scrum Master)
W ramach piątego projektu zadaniem naszego zespołu było opracowanie frontendu do internetowej platformy do handlu nieruchomościami. Jest to platforma, na której użytkownicy mogą wystawiać, sprzedawać, rezerwować oraz przeglądać nieruchomości. Językiem domyślnym platformy będzie język angielski.
Wersja demonstracyjna aplikacji jest dostępna TUTAJ
####Widok Home
Celem projektu było przygotowanie internetowej platformy do handlu nieruchomościami. Aplikacja została stworzona w React.js.
- Rejestracja oraz logowanie (weryfikacja uprawnień).
- Tworzenie trzech różnych typów kont: dla sprzedających, kupujących oraz pracowników.
- Dodawanie, edycja, usuwanie ogłoszeń jako zalogowany sprzedający.
- Przeglądanie istniejących ogłoszeń z możliwością filtrowania.
- Tworzenie rezerwacji przez użytkownika.
- Przeglądanie sieci biur w różnych miastach na całym świecie.
- Opłata rezerwacji online oraz informacja zwrotna w postaci maila.
- Zakup nieruchomości online razem z rejestracją jak i bez niej, po uprzednim podaniu wszystkich wymaganych danych.
- Możliwośc kontaktu
- React.JS
- TypeScript
- scss
Pokazuje wszystkie ogłoszenia
Wchodząc na ogłoszenie z listy ogłoszeń można zobaczyć dokładne informacje o ogłoszeniu.
Pokazuje listę dostępnych biur.
Zmienia się pasek menu umożliwiając sprzedaż.
Dodanie ogłoszenia:
Widok własnych ogłoszeń na panelu użytkownika:
W projekcie każdy z uczestników zaprezentował praktyczną znajomość poniższych zagadnień związanych z TypeScript oraz React.JS:
- Tworzenie komponentów, formularzy z walidacją
- Wykorzystanie endpointów z api stworzonego w poprzednim projekcie
- Tworzenie stylów (scss)
- Wykorzystanie danych w cookies
- integracja z zewnętrznym systemem (np. wysyłanie e-maili)
Praca zespołu była organizowana przy użyciu narzędzi dostarczanych przez GitHub. Zadania opisywaliśmy za pomocą GitHub Issues i dzieliśmy czas ich wykonania na tygodnie za pomocą GitHub Projects. Każde z zadań było estymowane przez mentora, dzięki czemu staraliśmy się, aby liczba punktów przypadająca w danym tygodniu na każdą osobę w zespole była podobna. Jeśli chcesz zaproponować, jakąś zmianę w aplikacji, utwórz nowy Issue, wzorując się na poprzednich.