Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
34 commits
Select commit Hold shift + click to select a range
4be00dc
added game cards
AntonioCopete Oct 19, 2021
5195e17
cleaned code
AntonioCopete Oct 19, 2021
1c380c2
fixed layout
AntonioCopete Oct 19, 2021
f3a5783
add 2 page
jaimealcalde Oct 19, 2021
518af2c
fixed system-requirements
AntonioCopete Oct 19, 2021
d369f86
added localstorage
AntonioCopete Oct 20, 2021
8c8cdc9
adding form and formik
AntonioCopete Oct 20, 2021
545809d
saving changes
AntonioCopete Oct 20, 2021
bf01d54
building context+reducer
AntonioCopete Oct 20, 2021
2e6186c
fixed gamedetails
AntonioCopete Oct 20, 2021
4087185
login page added
jaimealcalde Oct 20, 2021
4f9c152
added validation
jaimealcalde Oct 21, 2021
8e9c66a
finish logic to login
jaimealcalde Oct 21, 2021
5a36fa8
upgrading form
AntonioCopete Oct 21, 2021
69486b1
styled login
AntonioCopete Oct 21, 2021
afa19ce
added navbar
AntonioCopete Oct 21, 2021
c96d976
MVP
AntonioCopete Oct 21, 2021
5c6d1e5
fixed login
AntonioCopete Oct 21, 2021
86495c9
improving layout
AntonioCopete Oct 21, 2021
bb6288e
adding login styles
AntonioCopete Oct 22, 2021
ec8ad17
improved layout, going to work on skeleton
AntonioCopete Oct 22, 2021
814455a
ready for delivery
AntonioCopete Oct 22, 2021
0122694
cleaned package.json
AntonioCopete Oct 22, 2021
e432a28
fixing
AntonioCopete Oct 22, 2021
c276b7e
improving layout
AntonioCopete Oct 22, 2021
19fc408
fixed error
AntonioCopete Oct 22, 2021
3ac86db
fixed error
AntonioCopete Oct 22, 2021
15e5b16
improving responsive layout
AntonioCopete Oct 22, 2021
6e49f20
reduced grid width, project finished
AntonioCopete Oct 22, 2021
4a09c39
add readme
jaimealcalde Oct 23, 2021
ccab517
working on router game names
AntonioCopete Oct 24, 2021
0380c5c
router improved
AntonioCopete Oct 24, 2021
a5bffce
cleaned code
AntonioCopete Oct 24, 2021
6931338
Merge branch 'main' of https://github.com/AntonioCopete/react-first-s…
AntonioCopete Oct 24, 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
23 changes: 23 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage

# production
/build

# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local

npm-debug.log*
yarn-debug.log*
yarn-error.log*
68 changes: 34 additions & 34 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,54 +1,54 @@
# Assembler School - React.js - First stage final project

In this project you will apply all the
important concepts learn in the first part of the React series.
# Hi, we are Antonio and Jaime! 👋

## Getting Started
## Authors

These instructions will get you a copy of the project up and running on your
local machine for development and testing purposes.
- [@AntonioCopete](https://github.com/AntonioCopete)
- [@jaimealcalde](https://github.com/jaimealcalde)

See deployment for notes on how to deploy the project on a live system.

# Free videogames

### The repository
This project is about a web page that by means of an API you can see free games and their data such as description, specifications and some more characteristics. It is built with React and React technologies such as Hooks, Formik and Bootstrap.

First, you will need to `clone` or `fork` the repository into your Github
account:

```
$ git clone https://github.com/assembler-school/react-first-stage-project.git


## API Reference

#### Get all games

```http
GET https://www.freetogame.com/api/games
```

## Project requirements
#### Get game

This is an overview of the main requirements of this project. The exact ones are
found in the doc that the academic team will provide you.
```http
GET https://www.freetogame.com/api/game?id=${id}
```

- You must follow all the instructions of the project step-by-step
- You should always try to solve them by yourself before asking for help
- You should always help your team members and fellow students of the master so
that you can all learn together and become better software developers and team
members
- You must finish all the steps that are marked as `Required`
- You must use semantic HTML5 elements for all the markup of the application
- Once you are done, you can move on to the optional ones that are marked as
`Extra 💯`

## Project delivery

## Technologies used
**Client:** React

In this project you will make use of all things covered up until now (Context api, hooks, data fetching, routing...).
**Server:** Node

## Project delivery
**Context API**

To deliver this project you must follow the steps indicated in the document:
**Hooks: useState, useContext, useReducer**

- [Submitting a solution](https://www.notion.so/Submitting-a-solution-524dab1a71dd4b96903f26385e24cdb6)
**Folder architecture**

## Resources
**Data fetching**

- [reactjs.org](https://reactjs.org/)
**Routing**

## License
## Resources

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file
for details
- [React](https://reactjs.org/docs/getting-started.html)
- [Hooks reducer](https://reactjs.org/docs/hooks-reference.html#usereducer)
- [Hooks use context](https://reactjs.org/docs/hooks-reference.html#usecontext)
- [Formik](https://formik.org/docs/api/useFormik)
- [Bootstrap](https://react-bootstrap.github.io/)
Loading