Pet and Vet a Micro Social Network for pets using AppWrite
Tags: appwritehack, appwrite, javascript, svelte
Published: 2022-05-11 20:33:10

---
title: Pet and Vet a Micro Social Network for pets using AppWrite
published: true
description: My submission to the Appwrite Hackathon on DEV!
tags: appwritehack, appwrite, javascript, svelte
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e54etxyc94vvd8v1pqsw.png
---

[Instructions]: # (To submit to the Appwrite Hackathon on DEV, please fill out all sections.)


### Overview of My Submission

Pet and Vet is a micro social network with the purpose of connecting veterinarians with pet owners, as well as making your pet known to the world and learn about events in your country.

The main functions of this micro social network are:

- Register/Login with email
- Registration as a Veterinarian or Pet Owner
- Veterinarians can enter 1 or more contact addresses that can be located on a map
- Pet owners can have a catalog of their pets and decide whether to display them publicly or privately
- Registry of tips so that everyone knows information of interest
- Share your pet via QR
- Connect with a veterinarian via email or chat in real time

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e22a6or4l8m65gi9txzh.png)
 

Pet and Vet is built on:

- AppWrite: as the backend that provides all the services
- Gitpod: for remote development platform
- Svelte: as a javascript framework
- Agnostic UI: for the design of the components
- Express JS: server-side sdk specific functionality


The inspiration for the idea was to have a project that will use many of the features provided by AppWrite and at the same time be an example of how to connect people who are interested in pets.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z07e3re1v0qs7j620fia.png)
 


### Submission Category: 
Web2 Wizards
[Note]: # (Web2 Wizards, Web3 Wunderkinds, Mobile Moguls, Wacky Wildcards)


### Link to Code

[Note]: # (Our markdown editor supports pretty embeds. Try this syntax: `{% https://github.com/andreslopezrm/petandvet-appwrite %}` to share a GitHub repository)

{% embed https://github.com/andreslopezrm/petandvet-appwrite %}


### Additional Resources / Info

#### Presentation

![petandvet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l3lhm2whtqinm32cm231.png)

![petandvet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gm94zoj0xir711fhmm1e.png)

![petandvet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q6yamz1axq5aqo8vpwy3.png)

![petandvet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nnfzi0zuvdj97ctfxk0v.png)

![petandvet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d5g49k3jw0k1s2p4u72n.png)

![petandvet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kfcy51zzmcx28uekqlsv.png)

![petandvet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bcl9bsu6jnd5awejy2qv.png)

![petandvet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z6pkxsyltnrx3gj2bjo0.png)


![petandvet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ul4sj8zuhu8iq87voehk.png)

![petandvet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fjcmwygj8ukoir12hiia.png)


Link to [presentation](https://github.com/andreslopezrm/petandvet-appwrite/blob/main/frontend/public/assets/presentation.pdf)
   

#### Screenshots

Show your **pet to the world** or keep it private

![petandvet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/azz4uy34p12elands8lj.png)


Share the **link** of your pet on social networks

![petandvet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2pma3pskt12ttau9wkw4.png)


Find **events** in your country

 ![petandvet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/67estaljq1h0oyhv1zv1.png)


Share events via **QR code**

![petandvet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/14hx6meb97orxu71qr6n.png)


Find **veterinarians** and contact them

![petandvet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/voiw8buphw39ucnhtv2x.png)


Keep a **catalog** of your pets

![petandvet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qw81uben0b3p7fiyggij.png)

![petandvet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a4gs2pcmg22igf8iczvv.png)


Promote **events** and share **tips** with everyone

![petandvet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u7fsikeyxuts6qjyz5n9.png)

![petandvet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l7i9oslin6bg5h9enepb.png)
  


Update your **personal information** at any time

![petandvet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wtt2ad68fxehiqlfmv23.png)


As a **veterinarian** add contact **addresses** and **chat** in real time with pet owners

![petandvet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1j3j71ujm5f01sqylzgj.png)
  
![petandvet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jj0ujk6s3zguv3ylf3s0.png)
 


#### Conclusions

This hackathon allowed me to get to know Appwrite and the ease it provides when creating different applications in different scenarios, personally I see Appwrite as a new proposal and a strong competitor to create production quality applications