Full-stack Web App
Role
Full-stack Developer, UI/UX Designer
Tech
Next.js, React.js, Google Maps API, Material UI, Vercel, Git, Heroku, Typescript, Express.js, Node.js, PostgreSQL
About the Project
This project integrates data from the City of Vancouver's Open Data Portal with Google Maps JavaScript API, displaying location based information about outdoor public art within the City of Vancouver. The front-end interface was built using Next.js, Material UI, and Google Maps JavaScript API.
The server side component was built with Typescript, Express.js, TypeORM, and Node.j, it is hosted on Heroku. For the database, I chose to use Heroku PostgreSQL for it's easy scalability and high availability. By utilizing Object-Relational Mapping with TypeORM I could quickly connect with my database and simplify the code needed to perform queries.
This project is still under development and features are being added, including saved locations, user image upload and custom art viewing routes.