/tindog

This is Tindog. A social network to find dogs nearby to sniff and play. Built in the Angela's Yu course on Udemy.

Primary LanguageHTML

Tindog

This is Tindog. A social network to find dogs nearby to sniff and play.

Contents

Overview

The project

This project was built in the Angela's course - Web Development Full Course - on Udemy using the latest version of bootstrap.

Responsive design

Links

  • See the project online: Tindog

My process

Built with

  • Semantic HTML5
  • Bootstrap CSS Framework
  • Flexbox
  • Responsive design
  • Font Awesome

What I learned

Tindog was the first project that I used the bootstrap css framework to build a website. Using it facilitates the development in 100%.

I've comprehended how to use several components like buttons, cards and carousel.

<div class="card">
    <div class="card-header">
        <h3>Chihuahua</h3>
    </div>
    <div class="card-body">
        <h2>Free</h2>
        <p>5 Matches Per Day</p>
        <p>10 Messages Per Day</p>
        <p>Unlimited App Usage</p>
        <div class="d-grid">
        <button class="btn btn-outline-primary" type="button">Sign Up</button>
    </div>
    </div>
</div>

Furthermore, I've comprehended how to built the website maintaining the responsivity in mind with media query.

Useful resources

Author