/tindog-Website

A Mock Dating Website for Dogs, cause why not :D.

Primary LanguageHTML

tindog Website

A Mock Dating Website for Dogs, cause why not :D.

Table of contents

Overview

About tindog

A home page website which provides details of the application to the end user like the description of the website, from where we can download the application, a section that displays the feedback from the clients and different plans and subscriptions.

Screenshot

Links

My process

Built with

  • HTML5
  • CSS custom properties
  • Flexbox
  • CSS Grid
  • Bootstrap

What I learned

I have learned a lot of things in this project like how to use "Bootstrap" and "CSS Grid".
I learned about "Media Query Breakpoints", which are used to implement a particular CSS styling on the specific conditions. Like if the screen is bigger than 800px use this set of styling etc. In the end, Angela Yu Taught us how to refract a code. Refracting a code contains these four steps in priority order:-

  1. Readability
  2. Modularity
  3. Efficiency
  4. Length

Some code snippet for fun 😀:

<h1>Meet new and interesting dogs nearby.</h1>
.proud-of-this-css {
  color: lovelysniffred;
}
const labrador = () => {
  console.log('🎉')
}

Continued development

I want to learn more about "CSS Grid" and "Bootstrap" and also want to learn more about "Media Query Breakpoints" and "Refracting a code".

Author

Acknowledgments

I would liked to thank Dr. Angela Yu for her guidance and support in web development bootcamp. Because of her I was able to learn the web development.

Thanks for reading this far, if you have any suggestions or feedback, please let me know in the comments below. I would love to hear from you.