https://github.com/code-beaker/js-color-flipper

A Simple Color Flipper App | HTML, CSS, Javacript
https://github.com/code-beaker/js-color-flipper

color-flipper css html js

Last synced: about 1 month ago
JSON representation

A Simple Color Flipper App | HTML, CSS, Javacript

• Host: GitHub
• URL: https://github.com/code-beaker/js-color-flipper
• Owner: Code-Beaker
• Created: 2024-04-30T07:00:16.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-04-30T08:36:13.000Z (9 months ago)
• Last Synced: 2024-05-01T08:27:10.206Z (9 months ago)
• Topics: color-flipper, css, html, js
• Language: CSS
• Homepage: https://js-color-flipper-rosy.vercel.app
• Size: 183 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Simple Color Flipper App

This is basic color flipper app using HTML, CSS and Javascript. I made it with the help of [Tech With Tim](https://youtube.com/@TechWithTim) from **YouTube**.

- [Simple Color Flipper App](#simple-color-flipper-app)

  - [My experience](#my-experience)

    - [What I found interesting](#what-i-found-interesting)

  - [URLs](#urls)

## My experience

I'm a person who has always tried to learn Javascript and never got the spirit to continue learning because I thought the concepts were too complicated to me.

This time, I had a lot of fun building this one out. Since I'm a bit experienced with HTML and CSS, I have given the styling by myself.

### What I found interesting

I was surprised myself about how things could be done using Javascript.

**Especially this block of code to generate a random color:**

I never actually thought about using the `Math` function for this kind of purpose. This has tought me a lot!

![Screenshot](./01/screenshot)

## URLs

Links for you to visit and use the app!

- [Vercel Deploy](https://js-color-flipper-rosy.vercel.app)

- [GitHub repository](https://github.com/Code-Beaker/js-color-flipper)