Inspiration

Taking care of pets can be a bit of a challenge, especially if the responsibility is shared with someone else. The solution we came up with was to create a website where you can create an account and share your own PawCode to your fellow pet partner, and it will say if your dog has been fed or not.

What it does

The website will prompt to a home screen, where it instructs you to create an account or to visit your dog with a provided PawCode. It will then lead you to "Visit a Dog" and it will say if it is either hungry or happy. The user would press "Feed Me". After the dog has been fed, it will show that the dog is now happy.

How I built it

We first used Figma to create a prototype of the website to see how it would look. Then we used HTML and CSS for the page designs. Then we used Javascript to help implement page redirects.

Challenges I ran into

One of the first challenge we ran into was coming up with a color palette that looked welcoming and fun for users. We also struggled with creating a navigation bar and making it interactive with the user. We also had trouble centering various elements on the webpage. Lastly, it was our first time using Javascript to help navigate the pages, so we had to research on how we could use it in our project.

Accomplishments that I'm proud of

We are proud of the design of our website and creating a navigation bar that would change color to the page it was on. We are also proud of how we were able to design the buttons on the pages and letting them link to another page. We also accomplished our goals of coming up with a design related to dogs, so we are proud of our logo and background design. We are also happy that our site is easy to navigate and use.

What I learned

During the mockup of our website, we were able to learn new skills in Figma. When implementing our designs, we learned a lot of new things that we could do with HTML and CSS, such as making a working navigation bar and customized buttons. We were also able to learn how to use Javascript into our HTML files. We learned about Javascript functions, dates, and page redirects.

What's next for PawsTogether

We hope to implement a database for this website to allow users to create an account or sign in. That way, if users have multiple dogs, they are able to share different codes with different groups of friends.

Built With

Share this project:

Updates