Giter Site home page Giter Site logo

now-thats-delicious-1's Introduction

Now That's Delicious!

๐Ÿ‘‹ there, and welcome to the repository for Now That's Delicious! This project is a single page application I developed in an attempt to learn how to use JavaScript to create the backend of a site! It takes advantage of Node, Express, and MongoDB Atlas, and definitely keeps true to traditional MVC design principals.

Lastly, you can check out the finished product over at https://nowthatdelicious.herokuapp.com/.

Using the app

Haven't you ever wanted a place to keep track of your favorite local eateries? Well this app is just for you! Upon launch, you'll be greeted a bunch of stores that have been uploaded by other users. The descriptions, images, reviews, and locations are all specified by the user.

For you to get started, simply make an account by clicking on register. Once you set up an account you can now add a new store, edit an existing one, or start reviewing. You can review with a simple like or perhaps, leave a review (along with a star-rank out of 5)! These reviews all contribute to the store's overall score on the Top page!

The search bar is tailored to the store name, and description allowing you to search for things like 'Coffee' or 'beer' with ease! The map will also show you all the stores in a given location, try 'Hamilton' for the best results. Lastly, incase you ever forget your password, the app has a 'Forgot your Password' work flow which will easily get you back up and running!

How it works

This app was written almost entirely in Node/Express and with best practices kept through MVC design patterns. Express handles how we specify routes, and from there we pass the code along to controllers who run the middleware for each function we use.

The controllers use the exports system to control the models as well as render the views. For a templating engine, we use pug since it integrates with helper functions, and javascript seamlessly. The models are specified in MongoDB and with the help of the mongoose npm library, wire the data throughout the whole application.

Sample Data

To load sample data, run the following command in your terminal:

npm run sample

If you have previously loaded in this data, you can wipe your database 100% clean with:

npm run blowitallaway

That will populate 16 stores with 3 authors and 41 reviews. The logins for the authors are as follows:

Name Email (login) Password
Jatin Hazrati [email protected] jatin123

now-thats-delicious-1's People

Contributors

jatinhazrati avatar

Watchers

James Cloos 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.