An open API service indexing awesome lists of open source software.

https://github.com/cleilsonandrade/profile-component-devchallenge

Perfil de um usuário simples, visando estudos sobre CSS.
https://github.com/cleilsonandrade/profile-component-devchallenge

css dev devchallenge font-awesome front-end javascript modal profile

Last synced: 11 months ago
JSON representation

Perfil de um usuário simples, visando estudos sobre CSS.

Awesome Lists containing this project

README

          


Perfil de usuário


Perfil de um usuário simples, visando estudos sobre CSS.


Logo

# 📒 Índice
* [Descrição](#descrição)
* [Requisitos Funcionais](#requisitos)
* [Tecnologias](#tecnologias)
* [Design](#design)
* [Cores](#cores)
* [Fontes](#fontes)
* [Ícones](#icones)
* [Instalação](#instalação)
* [Links DevChallenge](#links-devchallenge)
* [Licença](#licença)

# 📃 Descrição
Página desenvolvida com base nos requisitos do [desafio](https://github.com/devchallenge-io/profile-component) oferecido pela [**DevChallenge**](https://devchallenge.now.sh/) e adicionada algumas implementações.

# 📌 Requisitos Funcionais
- [x] Edições de nome de usuário, link para o GitHub e avatar

- [x] Validação de dados

- [x] Modal

- [x] Animações

- [x] Responsividade

# 💻 Tecnologias
- **HTML**
- **CSS**
- **JavaScript**

# 🎨 Design
- O modelo final para desktop e mobile está disponível na pasta `./design`

- Cores

* #0C0B0B

* #0F0E0E

* #1b1b1b

* #B7B7B7

* #046313

* #044A7D

* #725200

- Fontes

* Rubik, sans-serif

- Ícones

* Font Awesome

# 🚀 Instalação
```bash
# Clone este repositório:
$ git clone https://github.com/CleilsonAndrade/profile-component-devchallenge.git
$ cd ./profile-component-devchallenge
```

# Links DevChallenge
**Site:** https://www.devchallenge.com.br/

**Discord:** https://discord.gg/yvYXhGj

**Linkedin:** https://www.linkedin.com/company/devchallenge/

**Twitter:** https://twitter.com/dev_challenge

**Instagram:** https://www.instagram.com/devchallenge/

# 📝 Licença
Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE) para mais detalhes.

---


Feito com 💜 by CleilsonAndrade