GithubHelp home page GithubHelp logo

octetful / flavourate-ui Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 0.0 200 KB

Flavourate is a self hosted, open source application that allows adding and rating new restaurants that you, your friends or family, visit and enjoy.

HTML 20.84% CSS 9.22% JavaScript 69.94%

flavourate-ui's Introduction

  • 👋 Hi, I’m @octetful, aka Sid
  • 👀 I’m interested in distributed apps, kotlin, graph databases, and DDD practices
  • 🌱 I’m currently learning kafka streams, and helm charts
  • 💞️ I’m looking to collaborate on my pet projects Karmayoga and Karmayoga Web
  • 📫 How to reach me Twitter Follow Discord

flavourate-ui's People

Contributors

octetful avatar

Watchers

 avatar

flavourate-ui's Issues

Add a dialog box for new restaurant entries.

Add a dialog box that should popup when the floating add action button is clicked. It should contain a form with all the fields to add a new restaurant as well as a close/cancel button.

Make restaurants stateful.

Currently the restaurant data is hardcoded in the app. Make this a stateful data using react hooks, as a first step to retrieve and store it from a backend.

Add cost indicator to the RestaurantCards.

Add a cost indicator to the RestaurantCard.

Primarily a cost indicator is another filled chip displaying the price range of a restaurant on a scale of 1-5, displayed as a sequence of the localised currency set in a configuration.

For instance, if the localised currency is set to £, a super pricey restaurant would have a chip displaying £££££ while the cheapest restaurant would display £.

Enable the search feature.

When the search button is clicked, the app should filter the displayed list of restaurants to only show the matching ones.

Free text matching is done on the name of the restaurant, the type, and the description fields.

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.