Skip to content

sukogurung/snap-engineering-stage2-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🐾 SnapVerse Pet Center

Welcome to SnapVerse Pet Center, a catalog website dedicated to helping users explore and adopt adorable pets from the SnapVerse! This project was created as part of the Snapchat Academy submission and showcases a fully interactive and visually engaging catalog of pets available for adoption. Deployed site

📌 Project Description

This project features a dynamic website that displays a collection of pets using an array of objects as the primary data structure. Users can interact with the catalog through filtering, searching, and sorting functionalities. The website is clean, user-friendly, and easy to navigate.

Project Screenshot

✅ Features

  • Displays a rich collection of pet data in a user-friendly catalog format.
  • Built-in functionality to:
    • 🔍 Search pets by name or traits.
    • 🎯 Filter pets by type or breed.
    • ↕️ Sort pets by age and name.
    • Remove pets from the catalog.

💻 Technologies Used

  • 📁 Data Structure - array of objects to store pet information, for example:
pets = [{
  name: "Luna",
  type: "Cat",
  breed: "Maine Coon",
  age: 2,
  adopted: false,
  image: "images/luna.jpg"
},...]
  • 🧠 Vanilla JavaScript — Handles data logic, interactivity, and DOM manipulation.
  • 🎨 HTML & CSS — Structure and styling for a clean, polished design.
  • 🔧 Google Developer Tools & Visual Studio Code — For debugging, testing, and development.
  • 📦 Starter Code Base — Customized and extended to create the final application.

Releases

No releases published

Packages

No packages published