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
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.