DEV Community: bairrada97

JAMStack when I need to Update content 15 in 15 seconds

bairrada97 — Thu, 24 Sep 2020 08:41:09 +0000

Hello,

I'm planning start a project with Nuxt.js and I was wondering if I should use a JAMstack approach.

The project consists in having multiple API, and one of them needs to be updated 15 in 15 seconds, others only once every day.

Im kinda new to JAMstack but Its worth to use It since I have so dynammic content?
Is Nuxt helps with that?

WebScrap for profit

bairrada97 — Thu, 10 Sep 2020 14:20:15 +0000

I'm planning learn puppetter to make fun projects while extract data from websites that doesn't provide API.

My question is since puppetter is developed by google is it legal to use for commercial use?
Lets see that I want to create a parcel tracking, some couriers doesnt provide API, so I was thinking to use puppetter to extract data from couriers. Not planning to make money, just want to develop the app for my portfolio.
But what if It gets a lot of users and I want to make money out of It, is It legal?
Same if I want to extract data from sports in realtime or create a website similar to skyscanner but get their data for cheap flights, probably they have something to block but If they not, is it possible do to it for commercial use?

Headless CMS without Static site generator

bairrada97 — Thu, 06 Feb 2020 08:44:10 +0000

I'm thinking about to give a try to JAM stack, but I would like to know if It's possible and if is a good practice to not use a Static Site generator. I want to use Strapi for example and since it gives me a json, can I populate my website fetching the data?

FrontEnd Workflow help

bairrada97 — Wed, 11 Dec 2019 17:47:36 +0000

Hello,

I'm building my own boilerplate using webpack.
I would like to know how to structure a project with html components, for example I want to build a page, where Header and footer are different components.

For that I want to create a folder called Components inside that I'll have another folder called Header and another called Footer, inside each folder I'll have 3 files, header.html, header.js and header.scss.

On my root I have and Index.html, how can I, using webpack, load this 2 components inside index.html, without copying paste the html?

Everything I searched on web about that says that I have to use javascript to create my html and with a webpack plugin importing inside index.html.

2048 game remake

bairrada97 — Tue, 15 Oct 2019 13:26:52 +0000

Hello,

Me and my colleague/friend Rafaela Lucas(she's a UI designer) decided to make a remake of the game 2048 with Vue.js.
I did the logic and functionalities and Rafaela did the Design and css of the game.
Note: It's a progressive web app so you can install it on your smartphones.

Here is the game link:

https://play2048game.firebaseapp.com/

If you like it and want to see more projects, check out our Portfolios:

https://www.joaobairrada.com/
https://www.rafaelalucas.com/

Let us know what you think

Thank you,

Front End Developer Portfolio

bairrada97 — Mon, 30 Sep 2019 15:41:51 +0000

Hello,

This is my first Post.

I would like to share my portfolio, built in Vue and it's a progressive web app. It took me around 8 months of development during my free time.
It was also nominated for an awwward. Unfortunetly I didn't win.

Tell me what do you think!

https://joaobairrada.com

Thank you