Code Monkey home page Code Monkey logo

foodfinder's Introduction

FoodFinder

About

FoodFinder is an application that displays given Restaurant data in a card or list table format. The user is able to perform actions on the displayed data to refine their search.
Site hosted at https://foodfindersite.netlify.com/.

Contact Info

Max Wheeler
[email protected]

Technology Used

Frontend Framework: Vue
UI Library: Vuetify
State Management: Vuex
Language: Typescript

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

Run your unit tests

npm run test:unit

Notes

  • This application is displaying information supplied purely on the frontend. I built this app in such a way that it expects a system to be set up to eventually make server calls.

Potential Enhancements

  • CRITICAL: Go back through and remove as many "any" types as possible, if not all of them. This is a common pitfall for devs new to Typescript, but "any" is useful for fast prototyping as long as they don't make it to production.
  • Ability to save and view Favorites.
  • Ability to submit new Restaurants.
  • Implement a backend to serve data, rather than using dummy data.
  • Store and retrieve restaurant information from a Database.
  • Add register/login functionality.
  • Many things are conditionally displayed based on values directly from state. This works here, but best practice would include getters in the store file. I did not include them because I wanted to give other aspects more attention for the time being.
  • Distinct Unit tests could be implemented to ensure quality.

foodfinder's People

Contributors

ewheel17 avatar

Watchers

 avatar  avatar

Forkers

zahedbri

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.