Panteon

Pantheon

Projektbeschreibung

Patreon ist eine interaktive Seite, auf der Benutzer einen Trainer basierend auf ihrem Fähigkeitsniveau auswählen und Feedback geben können.

Funktionell:

• Schieber;
• Popup-Formulare mit Feedback;
• Benutzererfahrung (UX);
• Adaptive Schnittstelle für verschiedene Geräte.

Technologie-Stack:

• HTML5;
• CSS3:
  • Flexbox;
  • Positionierung;
  • Adaptive Benutzeroberfläche;
  • Medienanfragen;
• Herstellerpräfixe in CSS;
• Präprozessoren: SASS/SCSS/LESS;
• BEM-Methodik;
• Arbeiten mit Mediendateien (HTML-Video, Iframe);
• Layout entsprechend dem Layout in Figma;
• JavaScript:
  • CamelCase-Stil;
  • Installation und Konfiguration von Plugins;
• Schluck.

Installation und Start des Projekts:

Klon-Repository:

 git clone https://github.com/maksimyou/Panteon.git

Abhängigkeiten installieren:

 npm install

Führen Sie das Projekt aus:

 npx gulp

Sprachen:

• JavaScript

Bibliotheken:

• jQuery ist ein JavaScript-Framework, das sich auf die Interaktion von JavaScript und HTML konzentriert;
• PHPMailer ist eine Bibliothek zum sicheren und einfachen Versenden von E-Mails mithilfe von PHP-Code von einem Webserver. Handbuch mit neuen Gmail-SMTP-Einstellungen;
• Animate.css ist eine browserübergreifende Bibliothek zum Hinzufügen von CSS-Animationen.

Plugins:

• Swiper JS ist ein Plugin zum Erstellen eines responsiven Sliders;
• Das jQuery Validation Plugin ist ein Plugin, das bei der Validierung von Formularelementen hilft.
• jQuery Masked Input ist ein Plugin, das eine Maske für die Zahleneingabe erstellt;

Layout in Figma:

• Pantheon-Layout

Screenshot:

Expandieren

(https://maksimyou.github.io/Panteon/)

Website-Link:

https://maksimyou.github.io/Panteon/