TESTE FRONTEND - Maria Constance

.babelrc

@@ -0,0 +1,4 @@
+{
+    "presets": ["next/babel"],
+    "plugins": [["styled-components", { "ssr": true }]]
+}

README.md

@@ -1,52 +1,61 @@
-# **TESTE DE FRONTEND**
+# **Project API - Rick and Morty**
 
-Neste teste, você será livre para criar uma aplicação consumindo a API que você quiser e com o tema que desejar.
-Contudo, o seu projeto deverá seguir os requisitos mínimos de conteúdo.
+The API - Rick and Morty is a website with information about the Adult Swim show "Rick and Morty", that contains 4 pages: Home, Detalhes, Locations and Episodes. The project has, as a source of data, the [Rick and Morty API](https://rickandmortyapi.com/ "Rick and Morty API").
 
-SUGESTÕES DE APIS:
-https://github.com/public-apis/public-apis
+## **Index**
+- <a href="#project-functionalities">Project functionalities</a>
+- <a href="#layout">Layout</a>
+- <a href="#deploy">Deploy</a>
+- <a href="#how-can-i-run-this-project">How can I run this project?</a>
+- <a href="#tech-stack">Tech stack</a>
+- <a href="#creators">Creators</a>
 
----------------------------------------------------------------------
-## REQUISITOS:
+## **Project functionalities**
+- [x] Button that changes the website theme (dark/light)
+- [x] List on the home page with Rick and Morty characters
+- [x] Page with character details
+- [x] Page with a list of locations
+- [x] Page with a list of episodes
+- [x] Inputs available to search by name, character status, location type and episode code
+- [x] Fully responsive for all types of devices/screens
 
-- SEJA ORIGINAL, PROJETOS SUSPEITOS DE SEREM COPIADOS SERÃO DESCARTADOS!
-- QUEREMOS VER O SEU CÓDIGO, E NÃO O DE OUTROS.
+## **Layout**
+![homepage](./src/assets/characters-page.png)
+![details-page](./src/assets/details-page.png)
+![locations-page](./src/assets/locations-page.png)
+![episodes-page](./src/assets/episodes-page.png)
 
-## GIT
-- Faça um fork deste repositório.
-- Criar uma branch para codar as suas features.
-- Criar um pull-request quando o teste for finalizado e submetido.
+## **Deploy**
+[Deploy link](https://rick-and-morty-api-project.vercel.app/)
 
-##### **NOTA: Será avaliado também se o nome da branch, títulos de commit, push e comentários possuem boa legibilidade.**
+## **How can I run this project?**
 
------------------------------------------------------
+```
+# Clone this repository
+$ git clone link-repositorio
 
-## FRAMEWORK
+# Acess the project folder on your terminal
+$ cd frontend-test-two
 
-- Utilizar as ferramentas presentes no framework do projeto (NEXT.JS).
+# Install dependencies
+$ yarn install
 
------------------------------------------------------
+# Run application
+$ yarn dev
 
-## ESTILOS
+```
 
-- Os estilos deste teste devem ser feitos em styled-components (evite utilizar bootstrap, mas se necessário, use).
-- O projeto deverá conter tema claro/escuro e forma do usuário alterar entre os dois.
-- Deve ser totalmente responsivo.
+## **Tech stack**
 
------------------------------------------------------
+1. [React](https://pt-br.reactjs.org/)
+2. [Next.js](https://nextjs.org/)
+3. [Styled-components](https://styled-components.com/)
+4. [Axios](https://axios-http.com/)
 
-## PROJETO
 
-- Deve utilizar useContext, useState e useEffect.
-- Ter ao menos 3 paginas navegáveis com router (ex: um navbar para facilitar a navegação).
-- Deve consumir uma API de sua escolha, desde que os dados sejam filtraveis e paginados. No mínimo 15 itens por requisição.
+## **Creators**
 
--------------------------------------------------------
+<img style="width:200px" src="./src/assets/photo.png" alt="creator-image">
 
-## REQUISITOS DIFERENCIAIS:
+[Linkedin](https://www.linkedin.com/in/mariaconstance/)
 
-- Código tentando seguir SOLID.
-- Código performático.
-- Utilizar inglês no projeto todo.
-- Utilizar Injeção de Dependências.
-- Fazer deploy do mesmo (heroku, netlify, aws, vercel, github pages ou outro da preferência).