DEV Community

Shadow
Shadow

Posted on

🐾**BUILDING A DOG APP: A BEGINNER'S JOURNEY INTO JAVASCRIPT AND REAL-API'S**🐾

My journey all starts right after I finished high school. I've been drawn to how applications and websites are created, and it has piqued my interest. I therefore decided to join Moringa School in the Software Development course. At the end of Phase 1, we were instructed to create a project that aligns with what we had learned in that phase. I decided to create a web application that enables users to view, search for, and adopt dogs available for adoption. This project has taught me to work with APIs, manipulate the DOM, and so much more.

🐕🐕🐕What The App Does🐕🐕🐕
The Dog Adoption App allows users to :

  1. View a list of available dogs(with images and breed info).
  2. Search for dogs by breed.
  3. Submit a form to add a new adoptable dog.

I went and used HTML, CSS, and JavaScript, and then connected a local JSON server that mimics an actual API.

Key Concepts that I learned

  1. Using JavaScript event listeners that trigger actions like searching for a breed and adding a new dog. An example is click events.

  2. fetch("http://localhost:3000/dogs") By using this I understood how one gets to POST and GET data

  3. I also learned that it's necessary to organize your functions in JavaScript and IDs in HTML, as they are crucial if you want to reflect live data

  4. Coding comes with frustration. There are times I felt that I could smash my Laptop or grind it up when you worked on a code all day and night then it still doesn't work. Luckily, I didn't give in to that; instead, I asked around for some help from some friends and classmates. You can be surprised by the amount of knowledge each has to contribute and understand that working together is key.

  5. I've gained a massive respect towards people who do this and a great understanding that coding is not just wearing a hoodie in your parents' basement and then coding as if you are a pro, and later get rich. No, it's about understanding how each line of code contributes to an app and how each and every code is reliant on another.

I am looking forward to this journey and am really eager to learn new concepts that seem Greek to others and to better understand it. Happy Coding ❤️❤️❤️❤️

Top comments (0)