Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mar-alv/bora-codar
40 coding challenges proposed by Rocketseat to get your portfolio to the next level. I've made them with VanillaJS to show you can achieve it with simplicity and easier previewing on CodePen
https://github.com/mar-alv/bora-codar
challenge css html javascript js rocketseat
Last synced: about 1 month ago
JSON representation
40 coding challenges proposed by Rocketseat to get your portfolio to the next level. I've made them with VanillaJS to show you can achieve it with simplicity and easier previewing on CodePen
- Host: GitHub
- URL: https://github.com/mar-alv/bora-codar
- Owner: mar-alv
- License: mit
- Created: 2024-01-20T15:52:48.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-14T14:57:03.000Z (2 months ago)
- Last Synced: 2024-12-14T15:37:12.678Z (2 months ago)
- Topics: challenge, css, html, javascript, js, rocketseat
- Language: HTML
- Homepage: https://codepen.io/Marcelo-Alvarez-the-sasster/pen/mdoOwwX
- Size: 53.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
#boraCodar
[](https://opensource.org/licenses/MIT)
[🇧🇷 Português](./docs/README-pt.md)
## 📚 Summary
- [❕ About](#about)
- [📖 Instructions](#instructions)
- [📥 Install](#install)
- [🚀 Run Locally](#locally)
- [📂 Structure](#structure)
- [🧰 Technologies](#technologies)
- [📸 Screenshots and 🎥 Recordings](#screenshots-prints)
- [👤 Author](#author)
- [📄 License](#license)
### ❕ About
[40 coding challenges](https://www.rocketseat.com.br/boracodar) by [Rocketseat](https://www.rocketseat.com.br/) to elevate your portfolio to the next level
## 📖 Instructions
### 📥 Install
Paste thet command into a terminal open within a folder of your preference to clone the project
```sh
git clone https://github.com/mar-alv/bora-codar.git
```
### 🚀 Run Locally
Install the Visual Studio Code extension 'Live Server', on the bottom right of the IDE, hit 'Go Live' and select which project you would like to test, link example: http://127.0.0.1:5500/bora-codar/1
## 📂 Structure
```
│ 1-40/
│ ├── assets/
│ │ └── ...
│ ├── cover.png
│ ├── index.html
│ ├── script.js
│ └── style.css
│ docs/
│ └── ...
```
## 🧰 Technologies
### Components
### Styling
[](https://phosphoricons.com/)
### Utilities
[](https://apexcharts.com/)
[](https://codemirror.net/)
[](https://coinone.co.kr/)
[](https://threejs.org/)
[](https://github.com/CodeSeven/toastr)
[](https://developers.google.com/youtube/)
## 📸 Screenshots and 🎥 Recordings
| # | Challenge | Code | Made in | Preview |
| - | --------- | ---- | ------- | ------- |
| 1 | [Music Player](https://www.rocketseat.com.br/boracodar/desafios-anteriores/um-player-de-musica-desafio-01) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/1) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/poqQMwO) | October 7th, 2023 |  |
| 2 | [Product Card](https://www.rocketseat.com.br/boracodar/desafios-anteriores/um-card-de-produto-desafio-02) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/2) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/vYvvmpR) | October 8th, 2023 |  |
| 3 | [Buttons and Cursors Documentation](https://www.rocketseat.com.br/boracodar/desafios-anteriores/botoes-e-cursores-desafio-03) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/3) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/jOXJxXa) | October 12th, 2023 |  |
| 4 | [Chat](https://www.rocketseat.com.br/boracodar/desafios-anteriores/um-chat-desafio-04) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/4) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/abPxmXQ) | October 14th, 2023 |  |
| 5 | [Calculator](https://www.rocketseat.com.br/boracodar/desafios-anteriores/uma-calculadora-desafio-05) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/5) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/MWZdeaR) | October 17th, 2023 |  |
| 6 | [Airline Ticket](https://www.rocketseat.com.br/boracodar/desafios-anteriores/um-cartao-de-embarque-desafio-06) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/6) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/VwqJNLz) | October 18th, 2023 |  |
| 7 | [Carnaval Block Searcher](https://www.rocketseat.com.br/boracodar/desafios-anteriores/um-site-para-encontrar-seu-bloco-no-carnaval-desafio-07) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/7) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/rNoXmPK) | October 19th, 2023 |  |
| 8 | [Dashboard](https://www.rocketseat.com.br/boracodar/desafios-anteriores/um-dashboard-desafio-08) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/8) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/mdvbbzN) | October 26th, 2023 |  |
| 9 | [Coin Coverter](https://www.rocketseat.com.br/boracodar/desafios-anteriores/um-conversor-de-moedas-desafio-09) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/9) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/zYevEyv) | October 27th, 2023 |  |
| 10 | [Climate Prevision](https://www.rocketseat.com.br/boracodar/desafios-anteriores/uma-pagina-de-clima-desafio-10) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/10) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/MWLKGpp) | October 29th, 2023 |  |
| 11 | [Login Page](https://www.rocketseat.com.br/boracodar/desafios-anteriores/uma-pagina-de-login-desafio-11) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/11) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/gOqrYJx) | October 29th, 2023 |  |
| 12 | [Kanban Board](https://www.rocketseat.com.br/boracodar/desafios-anteriores/um-kanban-desafio-12) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/12) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/rNPeNya) | November 2nd, 2023 |  |
| 13 | [Credit Card Form](https://www.rocketseat.com.br/boracodar/desafios-anteriores/um-forms-de-cartao-de-credito-desafio-13) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/13) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/bGzeBxW) | November 4th, 2023 |  |
| 14 | [File Upload](https://www.rocketseat.com.br/boracodar/desafios-anteriores/um-componente-de-upload-desafio-14) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/14) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/bGzBYpg) | November 10th, 2023 |  |
| 15 | [Pricing Table](https://www.rocketseat.com.br/boracodar/desafios-anteriores/um-pricing-table-desafio-15) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/15) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/KKJmJZE) | November 11th, 2023 |  |
| 16 | [Contact List](https://www.rocketseat.com.br/boracodar/desafios-anteriores/uma-pagina-de-contatos-desafio-16) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/16) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/zYezrXb) | November 15th, 2023 |  |
| 17 | [Date Picker](https://www.rocketseat.com.br/boracodar/desafios-anteriores/um-date-picker-desafio-17) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/17) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/zYeEgGo) | December 9th, 2023 |  |
| 18 | [Character Cards](https://www.rocketseat.com.br/boracodar/desafios-anteriores/um-card-de-personagem-desafio-18) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/18) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/poGBpGG) | January 3rd, 2024 |  |
| 19 | [Transportation Widget](https://www.rocketseat.com.br/boracodar/desafios-anteriores/um-widget-de-transporte-desafio-19) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/19) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/JjzREqp) | January 12th, 2024 |  |
| 20 | [Abstract Gallery](https://www.rocketseat.com.br/boracodar/desafios-anteriores/uma-galeria-com-hover-desafio-20) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/20) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/mdoOwwX) | January 12th, 2024 |  |
| 21 | [E-commerce Cart](https://www.rocketseat.com.br/boracodar/desafios-anteriores/um-carrinho-de-compras-desafio-21) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/21) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/PoLbKqL) | January 13th, 2024 |  |
| 22 | [Profile Settings](https://www.rocketseat.com.br/boracodar/desafios-anteriores/um-componente-de-profile-settings-desafio-22) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/22) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/NWJbEpO) | January 14th, 2024 |  |
| 23 | [Multi Step Form](https://www.rocketseat.com.br/boracodar/desafios-anteriores/um-formulario-multi-step-desafio-23) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/23) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/wvOoQxQ) | January 14th, 2024 |  |
| 24 | [Illumination Adjustment](https://www.rocketseat.com.br/boracodar/desafios-anteriores/ajustes-de-iluminacao-desafio-24) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/24) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/RwdZWJN) | January 22th, 2024 |  |
| 25 | [Video Player](https://www.rocketseat.com.br/boracodar/desafios-anteriores/um-player-de-vr-desafio-25) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/25) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/bGZrOxv) | January 26th, 2024 |  |
| 26 | [Recipe](https://www.rocketseat.com.br/boracodar/desafios-anteriores/uma-receita-junina-desafio-26) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/26) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/poYdvwp) | January 28th, 2024 |  |
| 27 | [Not Found Page](https://www.rocketseat.com.br/boracodar/desafios-anteriores/uma-pagina-de-erro-404-desafio-27) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/27) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/qBvxpYM) | January 30th, 2024 |  |
| 28 | [AI Platform](https://www.rocketseat.com.br/boracodar/desafios-anteriores/uma-plataforma-de-ia-desafio-28) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/28) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/abMqqLx) | February 13th, 2024 |  |
| 29 | [AI Before & After Image](https://www.rocketseat.com.br/boracodar/desafios-anteriores/um-antes-e-depois-com-ia-desafio-29) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/29) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/abMQxRM) | February 13th, 2024 |  |
| 30 | [AI Movies Recommendation](https://www.rocketseat.com.br/boracodar/desafios-anteriores/gerador-de-sugestao-de-filmes-com-ia-desafio-30) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/30) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/WNmYBgY) | February 15th, 2024 |  |
| 31 | [AI YouTube Video Transcription](https://www.rocketseat.com.br/boracodar/desafios-anteriores/transcricao-de-video-com-ia-desafio-31) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/31) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/XWGOjKa) | February 17th, 2024 |  |
| 32 | [AI SQL Queries Questions Answer](https://www.rocketseat.com.br/boracodar/desafios-anteriores/app-de-traducao-de-sql-com-ia-desafio-32) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/32) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/YzgBmLB) | February 17th, 2024 |  |
| 33 | [Ticket Generator](https://www.rocketseat.com.br/boracodar/desafios-anteriores/gerador-de-ticket-desafio-33) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/33) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/GReYMxG) | February 17th, 2024 |  |
| 34 | [Shopping List](https://www.rocketseat.com.br/boracodar/desafios-anteriores/uma-lista-de-compras-desafio-34) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/34) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/XWGGbVy) | February 18th, 2024 |  |
| 35 | [Drink Water Reminder](https://www.rocketseat.com.br/boracodar/desafios-anteriores/um-reminder-para-beber-agua-desafio-35) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/35) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/eYXXymZ) | February 23th, 2024 |  |
| 36 | [Nutritional Table](https://www.rocketseat.com.br/boracodar/desafios-anteriores/uma-tabela-nutricional-desafio-36) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/36) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/abMgVjx) | March 1st, 2024 |  |
| 37 | [Smartwatch Sleep APP](https://www.rocketseat.com.br/boracodar/desafios-anteriores/um-app-de-sono-para-smartwatch-desafio-37) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/37) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/ZEZYWLw) | March 2nd, 2024 |  |
| 38 | [Cards Quiz](https://www.rocketseat.com.br/boracodar/desafios-anteriores/um-quiz-de-cards-com-imagem-desafio-38) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/38) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/jOREYRa) | March 3rd, 2024 |  |
| 39 | [Product Rating Widget](https://www.rocketseat.com.br/boracodar/desafios-anteriores/um-widget-de-avaliacao-de-produto-desafio-39) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/39) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/BavqyaY) | October 4th, 2023 |  |
| 40 | [Newsletter Page](https://www.rocketseat.com.br/boracodar/desafios-anteriores/uma-pagina-de-newsletter-desafio-40) | [GitHub](https://github.com/mar-alv/bora-codar/tree/main/40) [CodePen](https://codepen.io/Marcelo-Alvarez-the-sasster/pen/dywgKGd) | October 6th, 2023 |  |
## 👤 Author
Marcelo Alvarez
Front-end Developer
"Some AI generated funny quote here 😗"
## 📄 License
Licensed under [MIT](./LICENSE)