Skip to content

Solution: Adrián Sánchez Guerrero #21

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
sanadriu wants to merge 23 commits into
base: main
Choose a base branch
from
Open

Solution: Adrián Sánchez Guerrero #21

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
23 commits
Select commit Hold shift + click to select a range
592807a
Home and Episode content loading completed
Oct 1, 2021
53dfb52
Location and Character pages done
Oct 3, 2021
a55232b
Added componentDidUpload for props
Oct 4, 2021
b83d19e
Visible nav page buttons in home
Oct 4, 2021
7fd20d8
Updated CharacterProfile
Oct 4, 2021
12ddb7c
Starting
Oct 4, 2021
6b8b552
Loading, Error Message and Pagination finished
Oct 4, 2021
8ebc21b
Added postman collection
Oct 5, 2021
03c07d1
Saving changes
Oct 6, 2021
cd36b0c
Saving changes
Oct 6, 2021
d2e6892
Saving changes
Oct 6, 2021
e13a157
Saving changes
Oct 7, 2021
2c264b3
Updated postman collection
Oct 7, 2021
95d0b66
Sample images added
Oct 7, 2021
1f804ca
Update README.md
sanadriu Oct 7, 2021
923628d
Update README.md
sanadriu Oct 7, 2021
af6a3c7
Saving changes
Oct 8, 2021
b4465db
Merge branch 'refactorization'
Oct 8, 2021
1b994ce
API request functions done again
Oct 12, 2021
66630cb
Created Layout HOC
Oct 12, 2021
2814ccd
Merge branch 'refactorization'
Oct 12, 2021
f507765
useReducer and useFetch implemented
Oct 15, 2021
458bb2a
Saving changes
Oct 15, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 0 additions & 1 deletion .eslintignore
View file
Open in desktop

This file was deleted.

63 changes: 0 additions & 63 deletions .eslintrc.js
View file
Open in desktop

This file was deleted.

19 changes: 0 additions & 19 deletions .prettierrc
View file
Open in desktop

This file was deleted.

15 changes: 15 additions & 0 deletions .vscode/launch.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
{
// Use IntelliSense para saber los atributos posibles.
// Mantenga el puntero para ver las descripciones de los existentes atributos.
// Para más información, visite: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "pwa-chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}"
}
]
}
20 changes: 7 additions & 13 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -82,37 +82,31 @@ the requirements document.**

Path: `/`

<img src="src/images/01-home-start.png" >

### Home page disabled pagination

Path: `/`

<img src="src/images/02-home-disabled-next-page.png" >
<img src="src/images/home-start.png" >

### Episode page

Path: `/episode/:episodeId`

<img src="src/images/03-episode-page.png" >
<img src="src/images/episode-page.png" >

### Character page

Path: `/character/:characterId`

<img src="src/images/04-character-page.png" >
<img src="src/images/character-page.png" >

### Location page

Path: `/location/:locationId`

<img src="src/images/05-location-page.png" >
<img src="src/images/location-page.png" >

## Project delivery
## Postman Docs

To deliver this project you must follow the steps indicated in the document:
The documentation for the Rick & Morty request collection can be found in the next resource:

- [Submitting a solution](https://www.notion.so/Submitting-a-solution-524dab1a71dd4b96903f26385e24cdb6)
https://documenter.getpostman.com/view/16968133/UUy68RF5

## Resources

Expand Down
96 changes: 96 additions & 0 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,7 @@
"react-router-dom": "^5.2.0",
"react-scripts": "4.0.3",
"sass": "^1.32.11",
"styled-components": "^5.3.1",
"web-vitals": "^1.0.1"
},
"devDependencies": {
Expand Down
58 changes: 18 additions & 40 deletions public/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,43 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Web site created using create-react-app"
/>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.

Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>React App</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.

You can add webfonts, meta tags, or analytics to this file.
The build step will place the bundled scripts into the <body> tag.

To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
</body>
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta name="description" content="Web site created using create-react-app" />
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Gemunu+Libre:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&display=swap" rel="stylesheet" />
<title>React App</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
</body>
</html>
Loading