Nighttime Cards

• 

  Quick View of Nighttime Cards

Inspiration

So I have trouble falling asleep at night after a long day of learning to code but I feel really easy to fall asleep in the morning when I'm taking my scheduled breaks watching ASMR videos, animal videos and reading animal facts.

What it does

There's so much more I can add to the current project. It kind of looks incomplete at the moment. I can add more cards and videos and make it more interactive. Create different sections. Maybe branch out to include not just animal facts.

It's really easy to use, the app will display animal cards that users can view and interact with and read to when they're trying to fall asleep. They're all wholesome facts. Really interesting.

How I built it

I built it using HTML5 and CSS3.

Challenges I ran into

I'm new to coding. I ran into some trouble trying to make the page responsive. I wanted to add a search bar and more than 3 cards but I miscalculated the time I need to create the project.

Accomplishments that I'm proud of

I'm proud of using my existing knowledge to build the project. I also learned some more CSS and HTML tricks along the way.

What I learned

I learned to make cards using HTML and CSS.

What's next for Nighttime Cards

I will add other cards and cards containing animal videos. I will also make sure it can be viewed in the dark without blinding anyone's eyes and consequently decrease melatonin thus making it more difficult to sleep. I will also include bottoms that users can select to calibrate the desired results.

Built With

• css3
• html5