Skip to content

A Pokemon-Fanpage for showing up my progress in HTML, CSS and Tailwind

Notifications You must be signed in to change notification settings

ChristophKlemtz-DCI/Pokemon-Fanpage-Project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pokémon-FanPage - NICHT für den KOMMERZIELLEN GEBRAUCH!

Beschreibung

Eine Fan-Club-Website, die es Nutzern ermöglicht, Fan-Art zu durchsuchen, hochzuladen, sich über Neuigkeiten zu informieren und mit anderen Fans zu vernetzen. Erstellt mit Tailwind CSS für modernes, responsives Design.

Beispiele

Bildbeschreibung

Bildbeschreibung

Bildbeschreibung

Bildbeschreibung


!!!Das Projekt ist ein Projekt an dem gerne mitgearbeitet werden kann!!!!! Einfach melden 😄


Inhaltsverzeichnis

  1. Installation
  2. Verwendung
  3. Features
  4. Beispiele
  5. Mitwirken
  6. Lizenz
  7. Autoren
  8. Kontakt
  9. Danksagungen
  10. Changelog
  11. Known Issues/Bugs
  12. Roadmap
  13. Verwandte Projekte
  14. Abhängigkeiten

Installation

Diese Anleitung erklärt, wie du das Projekt lokal einrichtest und Tailwind CSS integrierst.

Voraussetzungen

Stelle sicher, dass die folgenden Programme auf deinem System installiert sind:

  • Node.js (Version 12 oder höher empfohlen)
  • npm (Normalerweise wird npm zusammen mit Node.js installiert)

Schritt 1: Projekt klonen

Klonen das Repository auf deinen lokalen Rechner:

git clone https://github.com/username/repo.git
cd repo

Schritt 2: Abhängigkeiten installieren

Installiere die benötigten Node.js-Pakete:

npm install

Schritt 3: Tailwind CSS einrichten

Tailwind CSS konfigurieren:

npx tailwindcss init

Füge die Tailwind-Direktiven zu deiner CSS-Datei hinzu:

@tailwind base;
@tailwind components;
@tailwind utilities;

Schritt 4: Lokalen Entwicklungsserver starten

Starte den lokalen Entwicklungsserver:

npm run dev

Verwendung

  1. Fan-Art durchsuchen: Gehe zur Galerie-Seite, um die hochgeladenen Fan-Artworks zu sehen.
  2. Fan-Art hochladen: Nutze das Kontakt-Formular, um mit uns in verbindung zu treten.
  3. Neuigkeiten: Besuche den fan-Shop, welcher nicht von uns ist!
  4. Vernetzen: Nutze SCHON BALDndie Foren oder Chats, um dich mit anderen Fans auszutauschen.

Features

  • Kontaktformular: Ermöglicht es Nutzern, direkt über Formspree Kontakt aufzunehmen.
  • Externer Fanshop: Verlinkt zu einem externen Fanshop für Pokémon-Merchandise.
  • Galerie: Anzeige und Upload von Fan-Art.
  • Neuigkeiten: Aktuelle Informationen und Updates über Pokémon.

Mitwirken

Beiträge sind herzlich willkommen! Bitte folge diesen Schritten, um mitzuwirken:

  1. Forke das Repository.
  2. Erstelle einen neuen Branch (git checkout -b feature/deine-funktion).
  3. Committe deine Änderungen (git commit -am 'Hinzufügen einer neuen Funktion').
  4. Push den Branch (git push origin feature/deine-funktion).
  5. Erstelle einen Pull Request.

Lizenz

Dieses Projekt enhält keine Lizens.

Autoren

Kontakt

Bei Fragen oder Anmerkungen, kannst du uns erreichen:

Danksagungen

Changelog

  • v1.0.0 - Initiale Veröffentlichung

Known Issues/Bugs

  • In der fan-Art Gallery funktioniert das Grid-layout noch nicht
  • mit JS kommen in Zukunft noch mehr features hinzu

Roadmap

  • v1.1.2: Hinzufügen eines Benutzerprofils/Verbesserung der Oberfläche
  • v1.2.0: Integration eines Foren-Systems
  • v1.2.2: Integration eines Upload-Systems für Fan-Art

Verwandte Projekte

Abhängigkeiten

About

A Pokemon-Fanpage for showing up my progress in HTML, CSS and Tailwind

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published