• Stars
    star
    128
  • Rank 281,044 (Top 6 %)
  • Language
    CSS
  • Created about 4 years ago
  • Updated over 3 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Repositório com clones de interfaces para praticar CSS

Interfaces Clone

README em construção

PRs welcome! License languages stars forks

 

Serie de projetos de clones de interfaces

Este repositório possui uma série de diretorios com projetos construídos principalmente em HTML e CSS para eu praticar e de alguma forma ajudar outras pessoas que estão aprendendo HTML e CSS.

Menu

Tecnologias

Projetos nesse repositório

Os outros projetos estão sendo adicionado ao README aos poucos mas pode ficar a vontade pra clonar o repositorio e ver eles ao vivo na sua máquina

   

Mario Linkedin

Linkedin do Mario desenvolvido a partir do layout criado pelo Daniel Snows

 

   

Card Shoes

Card de apresentação de produtos criado inspirado em um layout da web

 

   

Disney UI

UI da Disney inspirado em um layout da internet

 

   

Form UI

Formulario inspirado em um layout da web

 

   

Play Game Store

Store inspirada em um layout da web

 

   

User Type

Radio button customizados inspirado em um layout da web

 

   

VPN Finder

Clone de interface de um layout da web

 

   

Rodando os projetos

Certifique-se de que você tenha o Git instalado na sua máquina, se não tiver baixe esse repositório em "Download ZIP".

1º- Clone o projeto como git:

git clone https://github.com/DaniloLima122/interfaces-clone

Obs: Alguns projetos foram criados com bibliotecas externas, para estes você precisará ter o Node.Js instalado, se não tiver vá até a seção Links e depois siga os passos abaixo.

2º - Instale as dependencias do projeto:

npm install

ou, se você usa o Yarn como gerenciador de pacotes é só digitar:

yarn install

4º - Abra a pasta que você clonou/baixou, no seu editor de preferência

5º - Agora, para rodar os projetos feitos só com HTML e CSS, é só abrir o arquivo HTML no seu navegador, e para rodar os projetos feitos com ReactJS digite o seguinte no seu terminal:

npm start

ou, se você usa o Yarn digite:

yarn start

Contribuições

Fique a vontade para avaliar o repositório dando uma "star" ou contribuir com o projeto, quem sabe criando seus layouts e adicionando neste repositorio para ajudar outras pessoas que estão aprendendo principalmente CSS.

Você também pode reportar sobre bugs e dar sugestões de melhorias ou idéias de novos projetos, fique a vontade!!

Links

Licença

More Repositories

1

GameUI

CSS
30
star
2

play-store-ui

Play store UI built with ReactJS
JavaScript
8
star
3

Project-management-UI

Project Management UI built with HTML and CSS for practicing
HTML
6
star
4

awesome-todo-app

To do list app built with Angular and Unit Test with Jest as challenge from Frontend Mentor
TypeScript
5
star
5

Courses-ui

UI cloning from a course platform design to practice CSS
CSS
3
star
6

Employee

Página desenvolvida inspirada em um layout da internet, construída com HTML CSS e Javascript
CSS
3
star
7

ip-address-tracker

Aplicação React que rastreia a localização através do IP
JavaScript
3
star
8

DaniloLima122

3
star
9

easybank-landingpage

Landing Page responsiva de um banco digital desenvolvida como desafio da plataforma Front end Mentor
CSS
3
star
10

Portfolio

Site do meu portfolio
CSS
3
star
11

movie-straming-ui

Movie Streaming UI built for practicing Angular and CSS
TypeScript
3
star
12

rastreador-de-despesas

Aplicação de rastreamento de despesas construída com ReactJS
JavaScript
2
star
13

video-streaming

Video streaming project being built with Angular, SASS, RxJS and unit test with Jest
TypeScript
1
star
14

dash-de-funcionarios

Projeto de gerenciamento de funcionarios
C#
1
star
15

dashboard-flexbox

Dashboard construído com HTML e CSS Flexbox Layout
CSS
1
star
16

css-illustrations

Illustrations built with pure CSS and HTML
CSS
1
star
17

course-platform

Simple course platform UI, built with Angular
TypeScript
1
star
18

nrprotecao

HTML
1
star
19

Glassmorphism-card-effect

Efeito glassmorphism contruido usando CSS3 e a biblioteca vanilla-tilt.js
JavaScript
1
star
20

projeto-cursos

Projeto de aplicação de cursos construida no curso de Angular da DIO
TypeScript
1
star