Git Product home page Git Product logo

gatineau-dev's Introduction

Gatineau Dev

- Abandoned: 
- I implemented a back end API first that was able to request the assessment, if it received a captcha it would send it to the requestor, then postback with the captcha answer + address and return with the assessment data.
- I then implemented this site, and one day found my back end wasn't working due to a change on the cities assessment search which made submit more complicated including a hidden field that seems to need a browser to generate the correct value and an extra request which I have not investigated...
- I could use puppeteer, try to figure out the hidden field or something like that but as a hobby project I didn't want to spend the time.
- The site utilized google places autocomplete and was ready to send the data to the api, it is unfortunate that it will never truly work! This was private but I am now making it public as an example project.

The project was related to the City of Gatineau, originally created this personal project as I noticed that the cities assessment search was outdated, not only with styling, but also the address entry was multiple fields rather than utilizing a more modern location autocomplete search service. It was also only available in French.

The assessment is also accessible through the main gatineau website if you have registered for an account, however even then, when viewed it will display the data on this outdated website.

While the current assessment functionality is "good enough" and most likely the developers have better things to focus on as it works, I decided to try and improve it for fun.

Image of the site

screenshot of this website, search bar with fake city of gatineau logo, language selector and notice

Images of the original figma design/idea

As you can see I ended up changing the CSS around on the real site until I liked it, these were just starting points :) screenshot of figma landing page screenshot of figma search results screenshot of figma results page

gatineau-dev's People

Contributors

calvinwilliams1012 avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.