Client-Side Capstone
- Client: Nashville Software School
- Tech Stack: React.js | JSON | CSS | HTML
- See Live: www.barkbook.com
- Demo Credentials: demo@barkbook.com
Barkbook
Dog owners know the struggle. In a perfect world, their dog(s) would have other furry friends to play with, but the hassle of finding those playmates leaves us all just wandering to the dog park in hopes of finding that perfect playmate, and their (hopefully) cool human counterpart.
With Barkbook, a user can search the Davidson County area by nieghborhood and see a list of dogs in the area looking to make a furry connection. Each user can create a profile with a photo, a brief description of themseleves, and choose the location that best matches their address. The user can then add their fur child(ren) and provide a photo, some information on size, age, energy level, and the dog's behavior. Then the search begins!
Each location populates with dog cards that show a furry friend's photo and gives a brief overview of their size and energy level. The user can click on a dog card to expand the information provided by their human and if it seemes like a match, they can send a direct message to set up a playdate. The user gets to connect with another dog owner they may never would have otherwise, and the pup gets new friends!
I created this multi-user application three months into my time at Nashville Software School as my client-side capstone. I wanted to challenge myself with managing state, utilizing components, API integration, implementing dynamic styling, and expanding my knowledge on CRUD.
I had a lot of fun with this project, and I would say my biggest takeaway would be my level of comfort using React and understanding hooks. There's always more to learn, and I can't wait to dig deeper into this language.
Interactive site was deployed using DigitalOcean
- Full CRUD React application utilizing React hooks to manage state
- JSON serve used as local database
- Tools used: React, JavaScript, HTML, Cloudinary API, and styled with CSS3
- Cloudinary API used for image uploading and storage