GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com โ€” GitHub - BrianGator/PetCare-Scheduler-w-JavaScript-HTML5-CSS: PetCare Scheduler w JavaScript, HTML5, CSS

BranchesTags
Open more actions menu

Latest commit

 

History

12 Commits
12 Commits

Folders and files

NameName
Last commit message
Last commit date
Cucumber-Tests
Cucumber-Tests
 
 
Cypress-Tests
Cypress-Tests
 
 
Integration-Tests
Integration-Tests
 
 
Performance-Tests
Performance-Tests
 
 
Playwright-Tests
Playwright-Tests
 
 
Security-Tests
Security-Tests
 
 
Selenium-Tests
Selenium-Tests
 
 
Unit-Tests
Unit-Tests
 
 
.env.example
.env.example
 
 
.gitignore
.gitignore
 
 
Dev-Summary.txt
Dev-Summary.txt
 
 
README.md
README.md
 
 
Requirements.txt
Requirements.txt
 
 
index.html
index.html
 
 
metadata.json
metadata.json
 
 
package.json
package.json
 
 
script.js
script.js
 
 
style.css
style.css
 
 
tsconfig.json
tsconfig.json
 
 
vite.config.ts
vite.config.ts
 
 

Repository files navigation

Brian McCarthy - Pet Care Professional Portfolio

A professional, responsive single-page portfolio website showcasing specialized skills in pet care and software development.

๐ŸŒŸ Key Features Implemented

  • Personalized Header: Professional branding with custom name and navigation.
  • Interactive Navigation: Smooth scrolling to sections and a "Back to Top" home functionality.
  • Showcase Sections: Dedicated areas for About Me, technical and care Skills, and Project Details.
  • Live Recommendations: Dynamic system that allows users to view and submit new testimonials in real-time.
  • Visual Feedback: Hover effects on major section headers and a success popup for user interactions.

๐Ÿ“ Project Structure & Tasks

  • index.html: Contains the core structure, semantic sections, and Lucide Icon integrations.
  • style.css: Manages the visual identity, typography (Inter font), and responsive grid layouts.
  • script.js: Provides functionality for form submission, DOM manipulation, and UI notifications.
  • Dev-Summary.txt: Detailed technical breakdown of the architecture and concepts.
  • Requirements.txt: Comprehensive list of project goals and specifications.

๐Ÿš€ How to Use

  1. Explore the Portfolio: Scroll down to read about Brian's expertise and view his specialized skills.
  2. View Projects: Check the "Project Details" section to see examples of Java-powered pet care solutions.
  3. Submit a Recommendation:
    • Scroll to the bottom of the page to the "Add a Recommendation" form.
    • Enter your name and a message.
    • Click "Submit Recommendation".
    • Observe the Success Popup indicating your submission was received.
  4. Navigation: Use the navigation links in the header to jump to specific sections, or click the Home Icon to return to the top instantly.

๐Ÿงช Testing Suite Architecture

The project includes a comprehensive multi-layered testing strategy across several frameworks:

๐ŸŽญ Playwright & Selenium (E2E)

  • Playwright-Tests/: 15 modern cross-browser tests for user journey validation.
  • Selenium-Tests/: 15 legacy-compatible stability tests for long-term support.

๐ŸŒฒ Cypress & Cucumber (Frontend/BDD)

  • Cypress-Tests/: 15 tests for component interaction and lifecycle.
  • Cucumber-Tests/: 15 behavior-driven scenarios defining user requirements in natural language.

โšก Performance & Reliability

  • Load-Tests: 8 tests for high-traffic simulation.
  • Stress-Tests: 8 tests searching for system failure points.
  • Performance-Tests: 8 audits focusing on Core Web Vitals.

๐Ÿ› ๏ธ Core Verification

  • Unit-Tests: 8 tests for JavaScript logic isolation.
  • System-Tests: 8 holistic environment checks.
  • Integration-Tests: 8 tests ensuring HTML/CSS/JS communication.
  • Security-Tests: 8 tests for input validation and secure resource loading.
  • End-to-End-Tests: 8 complete user workflows from landing to submission.

Each folder contains a report.md with detailed test descriptions and outcomes.

About

PetCare Scheduler w JavaScript, HTML5, CSS

Topics

csshtml-css-javascripthtml5javascriptjststypescript

Resources

Readme
Activity

Stars

0 stars

Watchers

0 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

Languages

Generated from google-gemini/aistudio-repository-template
You are visitor 01402503 โ€” GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800ร—600. No cookies required.