Git Product home page Git Product logo

pricepulse's Introduction

Commodity Prices App

Positive Carbon Take Home Test

This is a simple app that displays the price of commodities over time.

  • Backend API: Flask
  • Frontend Client: React.js
  • Styles: Tailwind
  • Database: SQLite
  • Deployment: Docker on Azure

View at: http://967f8d1c01b8.ngrok.app

Sample backend API view on Azure: https://pricepulseapi.azurewebsites.net/api/index

Deployment setup

  • NGINX on React frontend
  • Gunicorn on Flask backend

Notes / Issues / Future To Do

  • Likely an API key in this somewhere, didn't .env everything when I should have
  • First time using Flask to such a degree, would be more familiar with Django for such a setup but wanted to try it out
  • First time using Tailwind for styles, responsive elements tripped me up somewhat
  • Tried to get it on Azure with Docker Compose, had to switch to just single docker containers and didn't get frontend up
  • Didn't get to finish filtering the chart view on 1D, 1M, etc
  • All historial prices are faked, no free API to get 40+ commodities going back a year
  • Was planning to setup event scheduler to run on add_latest_commodity_prices.py, hit API limit x2
  • Was planning websockets to update prices on site in realtime
  • Was planning to add better UI / Logic for price alerts, i.e. up/down on the figure
  • Was planning to lock up the API, i.e. only allow requests from the frontend, only users get full data, etc
  • Add UI for price alerts in frontend
  • Didn't complete a visual for the DB Schema

pricepulse's People

Contributors

jamesdelaneyie avatar

Watchers

 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.