https://github.com/arturbomtempo-dev/js-challenge

Challenge proposed by Bonieky Lacerda in order to train my JavaScript knowledge.
https://github.com/arturbomtempo-dev/js-challenge

challenge css html javascript

Last synced: 5 days ago
JSON representation

Challenge proposed by Bonieky Lacerda in order to train my JavaScript knowledge.

• Host: GitHub
• URL: https://github.com/arturbomtempo-dev/js-challenge
• Owner: arturbomtempo-dev
• Created: 2023-01-01T00:51:25.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-06-19T13:22:00.000Z (over 1 year ago)
• Last Synced: 2025-01-27T14:53:39.908Z (17 days ago)
• Topics: challenge, css, html, javascript
• Language: JavaScript
• Homepage:
• Size: 1.03 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Seven projects in seven days

Challenge proposed in the [B7Web](https://b7web.com.br/) course, which aims to train the knowledge acquired during the JavaScript classes.

## 🔨 Projects functionality

### Day 1 - Drums 🥁

Project developed to simulate a drums by clicking on the keyboard buttons. 

Access the page [here](https://drums-js.surge.sh/).

![Image of the drums project](https://user-images.githubusercontent.com/96635074/209264214-71ec5706-30fb-4395-af3d-7a14a41a6bd7.png)

### Day 2 - Clocks ⏱️

The program was created in order to observe the time on an analog and a digital clock.

Access the page [here](https://clocks-js.surge.sh/).

![Image of the clocks project](https://user-images.githubusercontent.com/96635074/209582639-89f3cdc1-aaeb-49d0-96a3-670df6ed754a.png)

### Day 3 - Climate ⛅

The project consists in a climate consultant of several locations around the world based on the consumption of an API.

Access the page [here](https://climate-js.surge.sh/).

![Image of the climate project](https://user-images.githubusercontent.com/96635074/210024156-c2f79f87-f6cf-44dc-98d0-efd069e86153.png)

### Day 4 - Tic-tac-toe #️⃣

The program developed consists in the creation of the Tic-tac-toe game.

Access the page [here](https://tictactoe-js.surge.sh/).

![Image of the Tic-tac-toe](https://user-images.githubusercontent.com/96635074/210157467-86a8ca61-d90d-477c-ae84-dc9e37e25050.png)

### Day 5 - Drawing board 🎨

The project created consists of a blank board created with the Canvas tag.

Access the page [here](https://drawingboard-js.surge.sh/).

![Image of the drawing board](https://user-images.githubusercontent.com/96635074/210192500-382baa81-4de5-49cd-809c-de4f65bfb9b1.png)

### Day 6 - Quiz 📋

The program created is a quiz about JavaScript that is intended to train the user's basic knowledge of the programming language.

Access the page [here](https://quizz-js.surge.sh/).

![Image of the quiz](https://user-images.githubusercontent.com/96635074/210301785-6cef7348-c9f4-4e9d-8013-3f485b6580d9.png)

### Day 7 - Drag and Drop 🧩

The project was developed in order to learn how to change the position of objects on the screen via JavaScript.

Access the page [here](https://draganddrop-js.surge.sh/).

![Image of the Drag and Drop project](https://user-images.githubusercontent.com/96635074/210469006-9d96606c-601e-4fe9-925b-624465f8d575.png)

## 💻 Technologies used 

* [HTML](https://developer.mozilla.org/pt-BR/docs/Web/HTML): page structuring, accessibility and semantics

* [CSS](https://developer.mozilla.org/pt-BR/docs/Web/CSS): page styling 

* [JavaScript](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript): dynamicity of the page

**Observation:** These programs are designed to be accessed on computers (they are not responsive), so if used on mobile devices, some functions will not run.