Założenia projektu

Aplikacja internetowa SnapTale wzorująca się na założeniach aplikacji TikTok.

Link: https://snaptale.vertyll.dev

Stos technologiczny

Back-end:

• Laravel.
• PHP.
• MySQL.

Front-end:

• Nuxt.js.
• Vue.js.
• Axios.
• Tailwind CSS do szybkiego stylowania komponentów.
• Pinia do zarządzania stanem aplikacji.

Uwierzytelnianie:

• Uwierzytelnianie za pomocą sesji.
• Laravel Sanctum jako system do uwierzytelniania.

Dodatkowe narzędzia:

• intervention/image jako biblioteka przetwarzania obrazów PHP.

Inne:

• nuxt-icon dla ikon w aplikacji.

Zdjęcia poglądowe

Instrukcja instalacji projektu – back-end

1. Pobieramy projekt na lokalne środowisko.
2. Instalujemy zależności:

   composer install cp .env.example .env php artisan cache:clear
   composer dump-autoload
   php artisan key:generate
   composer require laravel/breeze --dev
   php artisan serve

3. Tworzymy bazę danych. Upewniamy się, że DB_DATABASE w pliku .env jest taka sama i uruchamiamy migrację:

   php artisan migrate

Instrukcja instalacji projektu – front-end

1. Pobieramy projekt na lokalne środowisko.
2. Instalujemy zależności:

   # npm
   npm install
   # pnpm
   pnpm install
   # yarn
   yarn install
   # bun
   bun install

Środowisko deweloperskie

Wystartuj serwer deweloperski na http://localhost:3000:

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

Środowisko produkcyjne

Budowanie aplikacji na produkcję:

# npm
npm run build
# pnpm
pnpm run build
# yarn
yarn build
# bun
bun run build

Lokalny podgląd zbudowanej aplikacji produkcyjnej:

# npm
npm run preview
# pnpm
pnpm run preview
# yarn
yarn preview
# bun
bun run preview