Wpisuj w konsoli

npm run dev

i zapraszamy do NASzej aplikacji.

Jesteśmy Devs On The Waves i chcemy zaprezentować nasz projekt pełnostosowy (fullstack ;) ) wykonany podczas trwania największego otwartego kursu programowania webowego w Polsce.

CodersCamp (https://www.coderscamp.edu.pl/)

Nasza aplikacja to:

SPAraligé-by-Matylda-Borutka

Czujecie napięcie w mięśniach? Zmęczenie? Bóle karku, pleców? Kończyn? Stres? No problem - Matylda Borutka już to rozpracowała.

Zarezerwuj sobie idealny zabieg - zadbaj o siebie

Jak już wybierzesz coś dla siebie, zerknij na naszych specjalistów i... Utwórz konto użytkownika, podaj dane i rezerwuj konkretny temin.

Zawartość readme

• Przegląd
  • Funkcjonalność
  • Linki
• Proces tworzenia
  • Zbudowane z
  • W przyszłości
• Autorzy
• Podziękowania
• Zrzuty ekranu

Przegląd

Funkcjonalność

• Rejestracja użytkownika
• Profil użytkownika
• Autentykacja - jako logowanie klasyczne, z pomocą konta google oraz z konta na facebooku
• Aplikacja SPA, która jest technicznie również SPA! (single page application)!
• Responsywność z pomocą google material UI

Linki

• Demo
• Design

Proces

Zbudowane z użyciem

DESIGN/UI/UX

• Brainstorming - Discord/Figma/Google Meet
• Figma
• Design z pomocą szablonów google Material UI (MUI)

FRONTEND

• JavaScript
• Biblioteka React
• React Router (React Signle Page Application)
• TypeScript
• Material UI (komponenty, efekty hover oraz responsywność)
• Komponenty Material UI i własne
• Ikony MUI
• Atomic Design w katalogowaniu plików i kodzie
• Formik - do obłsugi formularzy
• Używaliśmy eslint, prettier oraz wtyczki (do VSC) do sortowania importowanych plików oraz całej masy wtyczek do VSC, by pracowało nam się lepiej
  • by nasz kod był lepszej jakości i czytelniejszy

BACKEND

• Firebase (autentykacje/logowanie przez hasło/email, przez konto google i konto facebook, serwer backendowy, baza danych NoSQL, )
• Dotenv

WORKFLOW

• Jira - workflow managment - zarzadzanie zadaniami i rozwojem projektu
• Husky - pomoc w eleminowaniu błędów jeszcze przed zrobieniem commita
• Google Meet/Discord/Figma - planowanie, dyskusje i rozwiązywanie problemów

W przyszłości

• angielska wersja językowa (już blisko)
• tryby kolorystyczne
• powiadomienia sms
• aplikacja natywna na system Android

Autorzy

• Katarzyna Chmielecka - Alicja Kondrat

• Monika Krella - Tomasz Skrętkowski

• Adam Smycz - Robert Sołdyński

Dodatkowe funkcje na projekcie przyjęli:

Ala: Product Owner

Monika: Tech Leader

Tomek: Development Manager

Podziękowania

Chcieliśmy serdecznie podziękować naszej mentorce Weronika Boszko Lucena za cierpliwość i wsparcie ♥

Zrzuty ekranu

---