This repository is archived and no longer actively maintained. It was developed as a university assignment for a Front-End Web Development course.
The project may not work as expected as the APIs and Firebase keys have been terminated.
Furtastic is a fully functional pet management website designed to make pet care effortless and organised. From rehoming pets to browsing services, reading blogs, and connecting with the community β Furtastic brings everything a pet lover needs into one place.
Whether you're a proud pet parent, a vet, or just someone who loves to keep things neat, Furtastic has you covered! πΎ
Derived from the site's pages, Furtastic includes:
| Page | Description |
|---|---|
π index.html |
Landing / home page |
π index1.html |
Login / authentication page |
ποΈ services.html |
Pet services offered |
π‘ rehome-page.html |
Pet rehoming listings |
πΌοΈ gallery.html |
Pet photo gallery |
π
event.html |
Pet events and activities |
π blog.html / blog2.html / blog3.html |
Pet care blog articles |
π socialmedia.html |
Social media integration |
π¬ testimonial.html |
User testimonials |
β faqs.html |
Frequently asked questions |
π¬ contact.html |
Contact form (via sendEmail.php) |
π t&c.html |
Terms and conditions |
| Layer | Technology |
|---|---|
| Structure | HTML5 |
| Styling | CSS3 |
| Interactivity | JavaScript |
PHP (sendEmail.php) |
|
| Database & Auth | Firebase (Realtime DB + Authentication) |
furtastic/
βββ assets/ # Images and static media
βββ css/ # Stylesheets
βββ js/ # JavaScript files
βββ index.html # Home page
βββ index1.html # Login page
βββ services.html
βββ rehome-page.html
βββ gallery.html
βββ event.html
βββ blog.html
βββ blog2.html
βββ blog3.html
βββ socialmedia.html
βββ testimonial.html
βββ faqs.html
βββ contact.html
βββ sendEmail.php # Contact form mailer
βββ t&c.html
βββ README.md
As this is a static website, you can run it locally with minimal setup.
-
Clone the repository
git clone https://github.com/wxnkai/furtastic.git cd furtastic -
Open in browser Simply open
index.htmlin any modern web browser.# Or use a local dev server for full functionality npx serve .
-
Firebase setup (optional β for auth & database features)
- Create a Firebase project at firebase.google.com
- Replace the Firebase config object in the relevant
.jsfiles with your own credentials - Enable Authentication and Realtime Database in the Firebase console
-
Email setup (optional β for contact form)
- Configure
sendEmail.phpwith your SMTP credentials or a mail API
- Configure
This project was developed as part of a Front-End Web Development university course assignment β and notably, it was the authors' first-ever website. It demonstrates foundational skills in HTML, CSS, JavaScript, and third-party API integration (Firebase).
"So, if you find any bugs... uh, let's call them features!" β the authors
This repository is archived β no pull requests or issues will be reviewed.
This project is for educational purposes only. All rights reserved by the authors.