Projekt E-commerce

Opis Projektu

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.

Użyte Technologie

• Frontend: Angular
• Backend: Node.js (Express.js)
• Baza danych: MySQL
• Inne: Docker, phpMyAdmin

Struktura Projektu

• frontend/: Zawiera aplikację Angular.
• backend/: Zawiera API Node.js.
• docker-compose.yml: Konfiguracja usług MySQL i phpMyAdmin.

Wymagania do uruchomienia projektu

• 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

Instalacja i Konfiguracja

1. Sklonuj Repozytorium

• 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

2. Konfiguracja bazy danych

• Upewnij się, że Docker jest włączony.
• Przejdź do katalogubackend
• 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

3. Konfiguracja Backend

• Przejdź do katalogu backend:

cd backend

• Zainstaluj zależności:

npm install

• Uruchom serwer backend:

npm start

4. Konfiguracja Frontend

• 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/