Fix responsive

README.md

@@ -4,71 +4,114 @@
 
 <br />
 <p align="center">
-    <a href="https://devchallenge.now.sh/">
-    <img src="https://trello-attachments.s3.amazonaws.com/590fa896d2d25e50583de620/500x500/0bdcc819ea145cb0167619c6d00f2174/D.png" alt="Logo" width="100" height="100">
+  <a href="https://www.devchallenge.com.br/">
+    <img 
+      src="https://trello-attachments.s3.amazonaws.com/590fa896d2d25e50583de620/500x500/0bdcc819ea145cb0167619c6d00f2174/D.png"
+      alt="DevChallenge logo, ou seja, quadrado amarelo com D maiusculo na cor preta" 
+      width="100" 
+      height="100"
+    />
   </a>
+</p>
 
-  <h3 align="center">DevChallenge</h3>
+<h3 align="center">DevChallenge</h3>
 
-  <p align="center">
-    Site para desenvolvedores melhorarem suas habilidades através de desafios de front-end, back-end e mobile!<br><br>
-    A website for developers to improve their skills by doing front-end and back-end challenges
-       <br />
-    <br />
-     <a href="https://www.devchallenge.com.br/">DevChallenge</a>    
-  </p>
+<p align="center">
+  Site para desenvolvedores melhorarem suas habilidades através de desafios de front-end, back-end e mobile!
+  <br />
+  <br />
+  A website for developers to improve their skills by doing front-end and back-end challenges
+  <br />
+  <br />
+  <a href="https://www.devchallenge.com.br/">DevChallenge</a>    
+</p>
 
 ## Índice
 
-- [Índice](#índice)
 - [Sobre o Projeto](#sobre-o-projeto)
-  - [Demo:](#demo)
-  - [Tecnologias:](#tecnologias)
-- [Como Utilizar](#como-utilizar)
-- [Como Contribuir](#como-contribuir)
-  - [Requisitos](#requisitos)
-  - [Instalar](#instalar)
+  - [Demo](#demo)
+  - [Tecnologias](#feito-com)
+- [Como Utilizar](#instalação)
+- [Como Contribuir](#contribuir)
+- [Autores](#autores)
 - [Comunidade](#comunidade)
+- [Redes sociais](#redes-sociais)
 
 ## Sobre o Projeto
-O <a href="https://www.devchallenge.com.br/" alt="DevChallenge">DevChallenge</a> é um projeto que visa contribuir com a evolução de desenvolvedores, disponibilizando desafios para que possam praticar, melhorar suas skills e criarem seus portfólios :)
+
+O [DevChallenge](https://www.devchallenge.com.br/) é um projeto que visa contribuir com a evolução de desenvolvedores, disponibilizando desafios para que possam praticar, melhorar suas skills e criarem seus portfólios :)
 
 <p align="center">
-<img src="https://i.ibb.co/nLGdpF4/novosdesafioss.gif" alt="DevChallenge" width="720" height="380">
+  <img 
+    id="demo"
+    src="https://i.ibb.co/nLGdpF4/novosdesafioss.gif"
+    alt="Gif de demonstração do site do DevChallenge"
+    width="720" 
+    height="380"
+  />
 </p>
 
-## Feito com
-  * [ReactJS](https://pt-br.reactjs.org/) - Biblioteca para criar interfaces de usuário
-  * [Yarn](https://yarnpkg.com/) - Gerenciador de pacotes e dependências
+Além disso, somos uma projeto open source onde você pode contribuir na evolução do backend, frontend e criação de novos desafios. Para saber mais, participe da nossa comunidade :)
+
+### Feito com
+
+- [ReactJS](https://pt-br.reactjs.org/) - Biblioteca para criar interfaces de usuário
+- [Yarn](https://yarnpkg.com/) - Gerenciador de pacotes e dependências
 
 ## Instalação
+
 Para clonar o projeto e executá-lo em sua máquina, veja os detalhes em [INSTALLING.md](INSTALLING.md).
 
 ## Contribuir
+
 Gostaria de contribuir com o projeto? Por favor acesse [CONTRIBUTING.md](CONTRIBUTING.md) para o manual completo de contribuição.
 
 ## Autores
-- **Lorena Montes** - *Trabalho inicial* - [Lorenalgm](https://github.com/Lorenalgm)
 
-Veja também a lista de [contribuidores](https://devchallenge.now.sh/devs) que participaram do projeto.
+- **Lorena Montes** - _Trabalho inicial_ - [Lorenalgm](https://github.com/Lorenalgm)
+
+Veja também a lista de [contribuidores](https://www.devchallenge.com.br/devs) que participaram do projeto.
 
 ## Comunidade
+
 Nosso objetivo é ajudar cada vez mais na evolução de desenvolvedores! Por isso, temos uma comunidade exclusiva do DevChallenge no Discord. Interessado? [Participe](https://discord.gg/yvYXhGj)!
-<br><br>
-Acesse nossa [plataforma](https://devchallenge.now.sh/)!
-<br><br>
+
+Acesse nossa [plataforma](https://www.devchallenge.com.br/)!
+
+## Redes sociais
+
 Nos siga nas redes sociais!
+
 <th>
   <td>
     <a href="https://www.linkedin.com/company/devchallenge/">
-      <img src="https://image.flaticon.com/icons/svg/1384/1384014.svg" width="30px" height="30px" alt="Linkedin">
+      <img 
+        src="https://image.flaticon.com/icons/svg/1384/1384014.svg" 
+        width="30px" 
+        height="30px" 
+        alt="LinkedIn logo"
+      />
     </a>
   </td>
   <td>
-    <a href="https://twitter.com/dev_challenge"><img src="https://cdn3.iconfinder.com/data/icons/picons-social/57/43-twitter-512.png" width="30px" height="30px"        alt="Twitter"></a>
+    <a href="https://twitter.com/dev_challenge">
+      <img 
+        src="https://cdn3.iconfinder.com/data/icons/picons-social/57/43-twitter-512.png" 
+        width="30px" 
+        height="30px"
+        alt="Twitter logo"
+      />
+    </a>
   </td>
   <td>
-    <a href="https://www.instagram.com/devchallenge/"><img src="https://cdn4.iconfinder.com/data/icons/picons-social/57/38-instagram-3-512.png" width="30px" height="30px" alt="Instagram"></a>
+    <a href="https://www.instagram.com/devchallenge/">
+      <img 
+        src="https://cdn4.iconfinder.com/data/icons/picons-social/57/38-instagram-3-512.png"
+        width="30px"
+        height="30px"
+        alt="Instagram logo"
+      />
+    </a>
   </td>
 </th>
 

frontend/.env

@@ -1 +1 @@
-REACT_APP_API_URL=http://localhost:3333
+REACT_APP_DEVCHALLENGE_API=http://localhost:3333