From edd20a8cd4b474b3756983171da065e2386eec4b Mon Sep 17 00:00:00 2001
From: Certified-fortnite-sweat <525080@vistacollege.nl>
Date: Thu, 20 Mar 2025 11:53:57 +0100
Subject: [PATCH 1/9] jbhjbh
---
school-pokedex/admin-script.js | 114 ---------------------
school-pokedex/admin.html | 29 ------
school-pokedex/api.php | 155 -----------------------------
school-pokedex/create_database.sql | 33 ------
school-pokedex/images/favicon.ico | Bin 16958 -> 0 bytes
school-pokedex/index.html | 15 ---
school-pokedex/pokedex | 1 +
school-pokedex/script.js | 33 ------
school-pokedex/server.js | 42 --------
school-pokedex/styles.css | 32 ------
school-pokedex/tutorial.md | 61 ------------
11 files changed, 1 insertion(+), 514 deletions(-)
delete mode 100644 school-pokedex/admin-script.js
delete mode 100644 school-pokedex/admin.html
delete mode 100644 school-pokedex/api.php
delete mode 100644 school-pokedex/create_database.sql
delete mode 100644 school-pokedex/images/favicon.ico
delete mode 100644 school-pokedex/index.html
create mode 160000 school-pokedex/pokedex
delete mode 100644 school-pokedex/script.js
delete mode 100644 school-pokedex/server.js
delete mode 100644 school-pokedex/styles.css
delete mode 100644 school-pokedex/tutorial.md
diff --git a/school-pokedex/admin-script.js b/school-pokedex/admin-script.js
deleted file mode 100644
index 11a9710..0000000
--- a/school-pokedex/admin-script.js
+++ /dev/null
@@ -1,114 +0,0 @@
-document.addEventListener('DOMContentLoaded', () => {
- const form = document.getElementById('pokemon-form');
- const pokemonList = document.getElementById('admin-pokemon-list');
-
- const fetchPokemons = () => {
- fetch('/school-pokedex/school-pokedex/api.php')
- .then(response => {
- if (!response.ok) {
- throw new Error('Network response was not ok');
- }
- return response.text().then(text => {
- try {
- return JSON.parse(text);
- } catch (error) {
- console.error('JSON parse error:', error, text);
- throw error;
- }
- });
- })
- .then(pokemons => {
- pokemonList.innerHTML = '';
- pokemons.forEach(pokemon => {
- const card = document.createElement('div');
- card.className = 'pokemon-card';
- card.innerHTML = `
-
-
Type: ${pokemon.type}
-Stats: ${JSON.stringify(pokemon.stats)}
-Info: ${pokemon.info}
- - - `; - pokemonList.appendChild(card); - }); - }) - .catch(error => console.error('Fetch error:', error)); - }; - - form.addEventListener('submit', (e) => { - e.preventDefault(); - const id = document.getElementById('pokemon-id').value; - const name = document.getElementById('name').value; - const type = document.getElementById('type').value; - const image = document.getElementById('image').value; - const stats = JSON.parse(document.getElementById('stats').value); - const info = document.getElementById('info').value; - - const method = id ? 'PUT' : 'POST'; - const url = id ? `/school-pokedex/school-pokedex/api.php/${id}` : '/school-pokedex/school-pokedex/api.php'; - - fetch(url, { - method: method, - headers: { - 'Content-Type': 'application/json' - }, - body: JSON.stringify({ name, type, image, stats, info }) - }).then(response => { - if (!response.ok) { - throw new Error('Network response was not ok'); - } - return response.text().then(text => { - try { - return JSON.parse(text); - } catch (error) { - console.error('JSON parse error:', error, text); - throw error; - } - }); - }).then(() => { - form.reset(); - fetchPokemons(); - }).catch(error => console.error('Fetch error:', error)); - }); - - window.editPokemon = (id) => { - fetch(`/school-pokedex/school-pokedex/api.php/${id}`) - .then(response => { - if (!response.ok) { - throw new Error('Network response was not ok'); - } - return response.text().then(text => { - try { - return JSON.parse(text); - } catch (error) { - console.error('JSON parse error:', error, text); - throw error; - } - }); - }) - .then(pokemon => { - document.getElementById('pokemon-id').value = pokemon.id; - document.getElementById('name').value = pokemon.name; - document.getElementById('type').value = pokemon.type; - document.getElementById('image').value = pokemon.image; - document.getElementById('stats').value = JSON.stringify(pokemon.stats); - document.getElementById('info').value = pokemon.info; - }) - .catch(error => console.error('Fetch error:', error)); - }; - - window.deletePokemon = (id) => { - fetch(`/school-pokedex/school-pokedex/api.php/${id}`, { method: 'DELETE' }) - .then(response => { - if (!response.ok) { - throw new Error('Network response was not ok'); - } - fetchPokemons(); - }) - .catch(error => console.error('Fetch error:', error)); - }; - - fetchPokemons(); -}); diff --git a/school-pokedex/admin.html b/school-pokedex/admin.html deleted file mode 100644 index ccff0a5..0000000 --- a/school-pokedex/admin.html +++ /dev/null @@ -1,29 +0,0 @@ - - - - - -Type: ${pokemon.type}
-Stats: ${JSON.stringify(pokemon.stats)}
-Info: ${pokemon.info}
- `; - pokemonList.appendChild(card); - }); - }) - .catch(error => console.error('Fetch error:', error)); -}); diff --git a/school-pokedex/server.js b/school-pokedex/server.js deleted file mode 100644 index c3ace1e..0000000 --- a/school-pokedex/server.js +++ /dev/null @@ -1,42 +0,0 @@ -const express = require('express'); -const bodyParser = require('body-parser'); -const app = express(); -const port = 3000; - -let pokemons = [ - { id: 1, name: 'Bulbasaur', type: 'Grass/Poison', image: 'https://img.pokemondb.net/artwork/bulbasaur.jpg' }, - // ...add more initial Pokémon data here... -]; - -app.use(bodyParser.json()); -app.use(express.static('school-pokedex')); - -app.get('/api/pokemons', (req, res) => { - res.json(pokemons); -}); - -app.get('/api/pokemons/:id', (req, res) => { - const pokemon = pokemons.find(p => p.id == req.params.id); - res.json(pokemon); -}); - -app.post('/api/pokemons', (req, res) => { - const newPokemon = { id: Date.now(), ...req.body }; - pokemons.push(newPokemon); - res.status(201).json(newPokemon); -}); - -app.put('/api/pokemons/:id', (req, res) => { - const index = pokemons.findIndex(p => p.id == req.params.id); - pokemons[index] = { id: parseInt(req.params.id), ...req.body }; - res.json(pokemons[index]); -}); - -app.delete('/api/pokemons/:id', (req, res) => { - pokemons = pokemons.filter(p => p.id != req.params.id); - res.status(204).end(); -}); - -app.listen(port, () => { - console.log(`Server running at http://localhost:${port}`); -}); diff --git a/school-pokedex/styles.css b/school-pokedex/styles.css deleted file mode 100644 index 25b6f39..0000000 --- a/school-pokedex/styles.css +++ /dev/null @@ -1,32 +0,0 @@ -body { - font-family: Arial, sans-serif; - margin: 0; - padding: 20px; - background-color: #f0f0f0; -} - -h1 { - text-align: center; -} - -#pokemon-list, #admin-pokemon-list { - display: flex; - flex-wrap: wrap; - justify-content: center; -} - -.pokemon-card { - background-color: white; - border: 1px solid #ccc; - border-radius: 8px; - margin: 10px; - padding: 10px; - width: 200px; - text-align: center; -} - -.pokemon-card img { - max-width: 100%; - height: auto; - border-radius: 8px; -} diff --git a/school-pokedex/tutorial.md b/school-pokedex/tutorial.md deleted file mode 100644 index 8b648c7..0000000 --- a/school-pokedex/tutorial.md +++ /dev/null @@ -1,61 +0,0 @@ -# Pokémon Website Setup Tutorial - -Deze tutorial begeleidt je bij het opzetten en uitvoeren van de Pokémon-website en database. - -## Stap 1: Stel de MySQL-database in - -1. **Installeer XAMPP:** - - Download en installeer XAMPP van de officiële website: https://www.apachefriends.org/index.html - - Volg de installatie-instructies. - -2. **Start MySQL:** - - Open het XAMPP Configuratiescherm. - - Start de MySQL-module door op de knop "Start" naast MySQL te klikken. - -3. **Maak de database en tabellen aan:** - - Open phpMyAdmin door op de knop "Admin" naast MySQL in het XAMPP Configuratiescherm te klikken. - - Klik in phpMyAdmin op het tabblad "SQL". - - Voer het SQL-script uit om de database en tabellen aan te maken. - -## Stap 2: Stel de PHP-backend in - -1. **Installeer PHP (indien niet al geïnstalleerd met XAMPP):** - - PHP is inbegrepen bij XAMPP, dus je hoeft het niet apart te installeren. - -2. **Maak het PHP API-bestand:** - - Maak een bestand genaamd `api.php` in de map `/c:/xampp/htdocs/school-pokedex/school-pokedex`. - - Voeg de benodigde code toe om de API te maken die communiceert met de MySQL-database. - -## Stap 3: Stel de frontend in - -1. **Maak de HTML-bestanden:** - - Maak `index.html` en `admin.html` in de map `/c:/xampp/htdocs/school-pokedex/school-pokedex`. - - Voeg de benodigde HTML-code toe om de hoofdpagina en de beheerderspagina te maken. - -2. **Maak het CSS-bestand:** - - Maak een bestand genaamd `styles.css` in de map `/c:/xampp/htdocs/school-pokedex/school-pokedex`. - - Voeg de benodigde CSS-code toe om de pagina's op te maken. - -3. **Maak de JavaScript-bestanden:** - - Maak `script.js` en `admin-script.js` in de map `/c:/xampp/htdocs/school-pokedex/school-pokedex`. - - Voeg de benodigde JavaScript-code toe om de frontend te verbinden met de backend API. - -## Stap 4: Start de PHP-server - -1. **Start de ingebouwde PHP-server:** - - Open een terminal of opdrachtprompt. - - Navigeer naar de map `/c:/xampp/htdocs/school-pokedex/school-pokedex`. - - Voer het volgende commando uit om de ingebouwde PHP-server te starten: - ```sh - php -S localhost:8000 - ``` - -## Stap 5: Open de website - -1. **Open de hoofdpagina:** - - Open een webbrowser en ga naar `http://localhost:8000/index.html` om de hoofdpagina van de Pokédex te bekijken. - -2. **Open de beheerderspagina:** - - Open een webbrowser en ga naar `http://localhost:8000/admin.html` om de Pokémon te beheren. - -Je kunt nu Pokémon bekijken en beheren met de opgegeven frontend- en backend-setup. \ No newline at end of file From 52f1707f1f51e06f1a46318646481d1335468aaa Mon Sep 17 00:00:00 2001 From: vista-man <524715@vistacollege.nl> Date: Thu, 20 Mar 2025 12:01:03 +0100 Subject: [PATCH 2/9] =?UTF-8?q?Remove=20subproject=20reference=20from=20Po?= =?UTF-8?q?k=C3=A9dex=20directory?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- school-pokedex/pokedex | 1 - 1 file changed, 1 deletion(-) delete mode 160000 school-pokedex/pokedex diff --git a/school-pokedex/pokedex b/school-pokedex/pokedex deleted file mode 160000 index 2e3d0fb..0000000 --- a/school-pokedex/pokedex +++ /dev/null @@ -1 +0,0 @@ -Subproject commit 2e3d0fbb96264c60df09939876f2201b8ac1a9b4 From 5a7f61f2d3acb7bacee67a448b6a2baebc8a3de0 Mon Sep 17 00:00:00 2001 From: vista-man <524715@vistacollege.nl> Date: Thu, 20 Mar 2025 12:01:34 +0100 Subject: [PATCH 3/9] Add initial SVG icons and configuration for live server --- pokedex/.vscode/settings.json | 3 + pokedex/Fonts/Moltors.ttf | Bin 0 -> 24780 bytes pokedex/Fonts/PocketMonk.ttf | Bin 0 -> 13944 bytes pokedex/Fonts/PokemonGb.ttf | Bin 0 -> 12184 bytes pokedex/Fonts/SlumbersWeight.ttf | Bin 0 -> 17660 bytes pokedex/Icons/bug.svg | 1 + pokedex/Icons/dark.svg | 3 + pokedex/Icons/default/logo.png | Bin 0 -> 139809 bytes pokedex/Icons/default/pokeball.png | Bin 0 -> 7207 bytes pokedex/Icons/default/pokeball.svg | 14 + pokedex/Icons/dragon.svg | 3 + pokedex/Icons/electric.svg | 3 + pokedex/Icons/fairy.svg | 3 + pokedex/Icons/fighting.svg | 3 + pokedex/Icons/fire.svg | 3 + pokedex/Icons/flying.svg | 3 + pokedex/Icons/ghost.svg | 3 + pokedex/Icons/grass.svg | 1 + pokedex/Icons/ground.svg | 3 + pokedex/Icons/ice.svg | 8 + pokedex/Icons/normal.svg | 3 + pokedex/Icons/poison.svg | 3 + pokedex/Icons/pokeball.png | Bin 0 -> 23615 bytes pokedex/Icons/psychic.svg | 3 + pokedex/Icons/rock.svg | 3 + pokedex/Icons/steel.svg | 3 + pokedex/Icons/water.svg | 3 + pokedex/Readme.md | 78 ++++ pokedex/details.html | 44 ++ pokedex/index.html | 79 ++++ pokedex/screenshots/evolution.jpg | Bin 0 -> 316086 bytes pokedex/screenshots/homepage.png | Bin 0 -> 195492 bytes pokedex/screenshots/mobile.jpg | Bin 0 -> 305392 bytes pokedex/screenshots/overview.jpg | Bin 0 -> 262263 bytes pokedex/screenshots/stats.jpg | Bin 0 -> 297201 bytes pokedex/script.js | 293 ++++++++++++ pokedex/script2.js | 681 ++++++++++++++++++++++++++++ pokedex/style.css | 644 +++++++++++++++++++++++++++ pokedex/style2.css | 687 +++++++++++++++++++++++++++++ 39 files changed, 2578 insertions(+) create mode 100644 pokedex/.vscode/settings.json create mode 100644 pokedex/Fonts/Moltors.ttf create mode 100644 pokedex/Fonts/PocketMonk.ttf create mode 100644 pokedex/Fonts/PokemonGb.ttf create mode 100644 pokedex/Fonts/SlumbersWeight.ttf create mode 100644 pokedex/Icons/bug.svg create mode 100644 pokedex/Icons/dark.svg create mode 100644 pokedex/Icons/default/logo.png create mode 100644 pokedex/Icons/default/pokeball.png create mode 100644 pokedex/Icons/default/pokeball.svg create mode 100644 pokedex/Icons/dragon.svg create mode 100644 pokedex/Icons/electric.svg create mode 100644 pokedex/Icons/fairy.svg create mode 100644 pokedex/Icons/fighting.svg create mode 100644 pokedex/Icons/fire.svg create mode 100644 pokedex/Icons/flying.svg create mode 100644 pokedex/Icons/ghost.svg create mode 100644 pokedex/Icons/grass.svg create mode 100644 pokedex/Icons/ground.svg create mode 100644 pokedex/Icons/ice.svg create mode 100644 pokedex/Icons/normal.svg create mode 100644 pokedex/Icons/poison.svg create mode 100644 pokedex/Icons/pokeball.png create mode 100644 pokedex/Icons/psychic.svg create mode 100644 pokedex/Icons/rock.svg create mode 100644 pokedex/Icons/steel.svg create mode 100644 pokedex/Icons/water.svg create mode 100644 pokedex/Readme.md create mode 100644 pokedex/details.html create mode 100644 pokedex/index.html create mode 100644 pokedex/screenshots/evolution.jpg create mode 100644 pokedex/screenshots/homepage.png create mode 100644 pokedex/screenshots/mobile.jpg create mode 100644 pokedex/screenshots/overview.jpg create mode 100644 pokedex/screenshots/stats.jpg create mode 100644 pokedex/script.js create mode 100644 pokedex/script2.js create mode 100644 pokedex/style.css create mode 100644 pokedex/style2.css diff --git a/pokedex/.vscode/settings.json b/pokedex/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/pokedex/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/pokedex/Fonts/Moltors.ttf b/pokedex/Fonts/Moltors.ttf new file mode 100644 index 0000000000000000000000000000000000000000..158a7a9defcd94777cd6a793a6fd27a1d271fc30 GIT binary patch literal 24780 zcmeHvd3;k<+W$HCX6c%=P4_ivnwA1xNN58TTe_qz&=#RcK}0ABQns==0-_)&ID_K~ zA((U*x+Sk
zz!7zp@@WJ47p?Avwg4V)v0 Q!KT?6>eG&bXF%Rr
ze6bFfP3MNfnoIjCzV>^nKQMPJCiE>=D$+aC4}mq*Wy(pjw4ducE8^OD &ACUg)XVeU#n8|MSYw
znnLp6pY%In(Ur(ZY?EKJ(d-FChT6OZ+tgUzc5d-Gp7zC4_A=$8Z=tgTw-b`Lf?5HC
zTGSq@s&s=<$W>-)NVi++%D)s#X%X@G66~ns-z&^{3^d)^q$^n|9~$OI$r3b1e6y}?
z6WW<329DyvYoJXfwk!IT4ocng`qs}*e%PRAT*_Q%)2#pD(Tuo*^@k%xHS2M=0HhXa
zoK#-?Jma&n&U!Z4c5b3uYwBIHj}DzY7!Q{P6V&`u2}_Hp0$I>yhg