Założenia projektu

Aplikacja internetowa wymyślonego festiwalu muzycznego – Sunset Festival. Jest to strona e-commerce, na której można również przeglądać informacje o festiwalu muzycznym. Wszystkim zarządza dedykowany do strony panel administracyjny, który również znajduje się w repozytorium na platformie GitHub.

Link: https://festival-page.vertyll.dev

Stos technologiczny

Front-end:

• Next.js.
• React.
• Axios.
• Styled-components do szybkiego stylowania komponentów.
• Framer-motion do efektownego wyświetlania treści podczas przewijania strony.

Back-end:

• Node.js.
• Next-auth do uwierzytelniania użytkowników.
• MongoDB jako baza danych NoSQL za pomocą Mongoose.
• Axios do wykonywania żądań HTTP do serwera.

Uwierzytelnianie:

• uwierzytelnianie za pomocą OAuth 2.0.

Inne:

• ESLint i Prettier do statycznej analizy kodu i utrzymania jednolitej jakości kodu.
• Lodash do efektywnego zarządzania danymi i manipulacji nimi.
• Lottie-web do renderowania animacji wektorowych w formacie JSON.
• mime-types do obsługi typów MIME.

Usługi chmurowe użyte w projekcie

MongoDB Cloud Services

Do przechowywania danych w bazie danych została użyta platforma MongoDB Atlas.

Amazon AWS S3 Service:

Do przechowywania zdjęć wrzucanych za pomocą panelu administracyjnego został użyty Amazon AWS S3 Service.

Google Cloud Platform:

Kolejną usługą chmurową wykorzystaną w projekcie jest Google Cloud Platform. W kontekście autoryzacji została użyta usługa Google Cloud Console, umożliwiająca zarządzanie tożsamościami i uprawnieniami. Logowanie zostało rozdzielone na dwa projekty, panel administracyjny i stronę festiwalu ze sklepem wykorzystując identyfikatory klienta OAuth 2.0.

Dzięki wykorzystaniu tych usług chmurowych projekt zyskał skalowalność, niezawodność oraz zaawansowane funkcje bezpieczeństwa, co znacznie zwiększyło jego funkcjonalność i atrakcyjność dla użytkowników.

Zdjęcia poglądowe

Informacje dodatkowe

Aplikacja łączy się z panelem administracyjnym festiwalu, który również jest dostępny w repozytorium na GitHub.

Instrukcja instalacji projektu

1. Pobieramy projekt na lokalne środowisko.
2. Tworzymy plik .env i kopiujemy do niego zawartość .env.example, po czym definiujemy swoje własne klucze API i dane konfiguracyjne.
3. Instalujemy pakiety npm za pomocą komendy:

   npm install

4. Uruchamiamy aplikacje na lokalnym środowisku:

   npm run dev
   # or
   yarn dev
   # or
   pnpm dev
   # or
   bun dev

Domyślnie, jeżeli użyjemy jednej z powyższej komendy, aplikacja powinna być dostępna pod adresem http://localhost:3000.