Skip to content

Um simples projeto de front-end que fiz para faculdade — em parte por diversão também

License

Notifications You must be signed in to change notification settings

pauloAdriani01/WebRock

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WebRock - Revisão em Português

Apenas um website simples que eu fiz, simulando uma rede social e uma plataforma de notícias para pessoas que gostam de rock.
Para criar esse código, eu usei HTML, CSS, JavaScript, Github Desktop e o Git.

Análise do Site

Index

Nessa página, nós temos os elementos gerais de uma clássica página index, mostrando o objetivo e principais funções do site.
Eu também simulei algumas notícias e posts de usuários e da administração do site usando JavaScript.

*As notícias que utilizei aqui são realmente reais e estarei deixando as fontes originais delas ao final dessa descrição.

Noticias

Aqui, nós podemos ver como a página de notícias iria funcionar (usei as mesmas que estavam no card de notícias dentro do index).
Eu adicionei uma barra de pesquisa e um botão na parte superior do elemento "main" do arquivo HTML, apenas para simular a maneira que os usuários buscariam as notícias dentro do site.
Além disso, adicionei um botão para, supostamente, carregar mais notícias.

Posts

Igual na página de Notícias, nós podemos ver como a página de posts dos usuários iria funcionar (usei os mesmos posts que estavam no card dentro do index).
Também, similar ao Notícias, eu adicionei uma barra de pesquisa e um botão no topo do elemento "main" do HTML, apenas para simular como os usuários iriam procurar posts no site.
E por último mas não menos importante, também adicionei um botão para (supostamente) carregar mais posts de usuários.

Bandas

Nessa página, nós temos uma tabela HTML para simular as bandas registradas no site.
A ideia é que as pessoas no website poderiam registrar bandas dentro dele, mostrando informações delas.
E essa página também contém os mesmo métodos de pesquisa do Notícias e do Posts.

Login

Uma simples página de login com um formulário HTML para inserir credenciais do usuário.
Também contém um botão que redirecionaria os usuários para uma página de cadastro.

WebRock - English Review

This is just a simple website I made that simulates a social media and news platform for people who enjoy rock music.
To create that code, I used HTML, CSS, JavaScript, Github Desktop and Git.

Website Breakdown

Index

On this page, we just have the overall elements of a classic index page, featuring the main objective and functions of the website.
I also simulated some news and posts from users and the staff of the website using JavaScript.

*The news that I used here is actually real and I will link the original sources in the end of this description

Noticias

Here, we can see how the page of the news would work (I used the same news from the card on the index page).
I added a search bar and a button at the top of the "main" element of the HTML file, just to simulate a way that users would search for the news inside the website.
Plus, I have also added a button to, supposedly, load more news.

Posts

Just like on the "Noticias" page, we can see how the page of the users posts would work (I used the same posts as the ones on the card from the index page).
Also, similar to the "Noticias", I added a search bar and a button at the top of the "main" element in the HTML, just to simulate how users would search for posts on the website.
And last but not least, I also added a button to (supposedly) load more users posts.

Bandas

On this page, we have an HTML table to simulate the registered bands on the site.
The idea was that people of the website would be able to register bands on the site, to display information of them.
And this page also has the same search methods of "Noticias" and "Posts".

Login

A simple login page with an HTML form to enter login credentials.
It also has a button that would redirect users to a sign up page.

About

Um simples projeto de front-end que fiz para faculdade — em parte por diversão também

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published