nicklas-holmqvist/kodprov

kodprov's Issues

Refactor: move pagination type, fix css

Feat: add no page found

Feat - create list from api data

Create a list that shows data from a list variable.
Map out data into an listItem.
When user press the listItem more information shall be showned.
User should have the ability to hide the information afterwards.

Refactor: clean up the css files

Refactor: add comments and licenses

Refactor: look over code and some bugs

• Fix all typescipting
• Fix styling
• Fix bug in back pagination when on last page

Feat - change displayed items

The api standard is showing 10 items.
Create an component that can change between 10/30/50 items in the list

Feat - create searchBar

A user should have ability to search for a house.
The input is going to fetch data from the api/[searchValue] and present it in the list.

Refactor - change api fetch for search -Dropped

Change the search fetch to api/:id

Refactor: break out Context

When I use Context to all the pages everything is updating if I only change one little value.
To fix this put back most of the data in Layout again.

Refactor: add title or header

Add a logo or title

Refactor: change "laddar" to an loader component

Feat: add svg icons

Export the icons from Figma

Icons that is needed:
pagination first = 2 arrows to left - DONE
pagination prev = 1 arrow left - DONE
pagination next = 1 arrow right - DONE
pagination last = 2 arrow right - DONE
open house = smaller arrow down - DONE
close house = smaller arrow up - DONE
search = 1 search icon - NOT USING
reset search = 1 X - DONE

Refactor: handle searchValue

If you search for "house wells" there will be no match, only if "wells" is the value.
Create an handle function for this so if "house wells" is in the input, remove the "house "

Bug: pagination not working as it should

When switch page the list is set to standard 10 in view, even if 30 had been choosen.

Feat - advanced search - Dropped

When a user search on a few letters a function will look through specific titles and display them in categories as search result.
In the search result there is going to be a show all button at the side of the category.

Refactor: change search api to houses/:id - Dropped

Refactor: cleanup code

Feat: add new font

Refactor: make pagination responsive

Feat - create api to get all data

Create an api to get all Houses from extern api.
api: https://www.anapioficeandfire.com/api/houses?page=1&pageSize=10
documentation: https://www.anapioficeandfire.com/Documentation

Refactor: search component

Show one searchbar with search button to the right.
The erease button will be between the input and search button.
One border around the parent div

Refactor: look over error handling in api -Dropped

Feat - create pagination

The user should have the ability to go back and forth, to first and last.
Read in the documentation how to use paginations.
documentation: https://www.anapioficeandfire.com/Documentation

Refactor: style more information on house

Refactor: add favicon

Feat - create api to filter search

User should have the possibility to filter the houses through a search bar.
Create and test in function

Refactor: fix styling to list

Refactor: change api from search to houses/:id

Bug: fix opened house when switch page

When toggle pages and have an open House. That ID will be open even if it´s not the same house.

Build: add context for House

Put all api fetches and variables in one context

Refactor: add type for the components