https://project-stasher.netlify.com/;
Project Stasher - Best viewed on mobile:Boilerplate used : Create React App;
To run locally:
cd client
npm install
npm start
Hosted on netlify by:
cd client
npm run build
npm install netlify-cli -g
netlify deploy
Then follow the netlify command line prompts
Tech Stack:
- React
- Styled Components
Packages Used:
- query-string
Issues Faced:
Query Parameters
I had difficulties with setting up query parameters and allowing multiple filters such as the city and active to be used together. Initially I started with creating a string template which took a string value from the dropdown menu to create the API call for the city.
I then quickly realised that this was an issue as I needed to find a way to keep the city searched in state for any further filtering as they would all be done through the API.
I decided to make use of the query-string package and this allowed me to create a query object in the app state, which was then converted into a query string to be used for any further API calls.
Query-string package
After preparing the app for deployment, I had found an issue regard the query-string package;
Failed to minify the code from this file:
./node_modules/query-string/index.js:8
In order to overcome this, I had decided to use the qs package to do the same stringify method as needed.