Projekt ten jest zadaniem zaliczeniowym z przedmiotu JavaScript na kierunku informatyka, III rok, V semestr, studia niestacjonarne. Celem jest zbudowanie prostej aplikacji e-commerce z użyciem Angulara do frontendu i Node.js do backendu. Aplikacja łączy się z bazą danych MySQL za pomocą usług Docker i umożliwia zarządzanie zamówieniami, klientami oraz produktami.
- Frontend: Angular
- Backend: Node.js (Express.js)
- Baza danych: MySQL
- Inne: Docker, phpMyAdmin
frontend/
: Zawiera aplikację Angular.backend/
: Zawiera API Node.js.docker-compose.yml
: Konfiguracja usług MySQL i phpMyAdmin.
- Zainstaluj najnowszą wersję Node.js https://nodejs.org/en/download
- Pobierz i uruchom Docker https://docs.docker.com/get-docker/
- Potrzebny będzie edytor kodu https://code.visualstudio.com/download
- Uruchom Visual Studio Code
- Otwórz nowe okno terminala
Terminal -> New Terminal
: - Wpisz poniższe polecenie:
git clone https://github.com/Pawel88PL/angular-node.js
cd angular-node.js
- Upewnij się, że Docker jest włączony.
- Przejdź do katalogu
backend
- Uruchom kontener docker:
cd backend
docker-compose up -d
Uzyskaj dostęp do phpMyAdmin pod http://localhost:8080, używając:
- Nazwa użytkownika:
admin
- Hasło:
root
- Stwórz strukturę bazy danych - otwórz zakładkę
SQL
- Wklej wyespotowaną bazę danych z pliku
e-commerce.sql
- Przejdź do katalogu
backend
:
cd backend
- Zainstaluj zależności:
npm install
- Uruchom serwer backend:
npm start
- Otwórz nowe okno terminala
Terminal -> New Terminal
: - Przejdź do katalogu
frontend
:
cd angular-node.js/frontend
- Zainstaluj Angular CLI:
npm install -g @angular/cli
- Zainstaluj zależności:
npm install
- Uruchom serwer frontend:
ng serve --open
Otwórz przeglądarkę internetową i wklej ten adres: http://localhost:4200/