Jump to content

Construir um site em HTML puro ou em ReactJS com grid


Go to solution Solved by fillthe,

Recommended Posts

fillthe

Olá pessoal, venho aqui para pedir ajuda, gostaria de fazer um site para mostrar dados vindos de uma API externa mas não sei como fazer nem por onde começar, o template que eu gostaria de fazer seria mais ou menos assim:

 free-wordpress-gallery-plugins.jpg

Link to post
Share on other sites

A primeira coisa a saberes é como comunicas com essa API.

10 REM Generation 48K!
20 INPUT "URL:", A$
30 IF A$(1 TO 4) = "HTTP" THEN PRINT "400 Bad Request": GOTO 50
40 PRINT "404 Not Found"
50 PRINT "./M6 @ Portugal a Programar."

 

Link to post
Share on other sites
  • Solution
fillthe
Em 26/03/2021 às 15:34, M6 disse:

A primeira coisa a saberes é como comunicas com essa API.

Sim, sim, isso eu já sabia, desculpe pois eu não fui muito claro na minha pergunta, na verdade o que eu estava com mais dificuldade era na hora de fazer o layout, mas eu consegui:

page.png

 

Eu consegui achar algo na internet que me desse um caminho para fazer o layout, esse algo foram dois comandos do css:

grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
grid-gap: 15px;

Foram esses dois comando que me salvaram, não conhecia eles mas depois que eu tive esse problema eu passei a estuda-los um pouco mais.

Deixarei o código da aplicação que eu fiz em ReactJs como também o site para a demo logo abaixo caso você queira testar:

Link para o código

Link para a demo do site

No mais, muito obrigado por me responder.

Thx! 😁

  • Vote 1
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.