GithubHelp home page GithubHelp logo

e-nk / flatdango Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.56 MB

An application that allows a user to purchase movie tickets

Home Page: https://e-nk.github.io/Flatdango/public/

License: MIT License

CSS 7.19% HTML 25.88% JavaScript 66.93%
api bootstrap css html js json

flatdango's Introduction

Flatdango

An application that allows a user to purchase movie tickets

Preview

You can view the project by following this link CLICK ME

Getting started

To setup and run this project on your machine, follow through these instructions and steps. In order for you to use the content on this repo ensure you have the following:

  • A computer that runs on either of the following; (Windows 7+, Linux, Mac OS)
  • nodejs 9.0+

Installation

To run this program on your computer, follow through these steps:

  • Fork or clone this repository into your local computer

            [email protected]:e-nk/Flatdango.git
    
  • Open your cloned repository on the terminal

            cd Flatdango
    
  • Open the repository in your code editor in this case I am running Vs code.

            code .
    

NB:

Make sure you have the node_modules folder in your repository. This folder allows you to run json-server on your machine.

If you cloned or forked the repository then the folder should be there, so no need to panic!

If you don't have the folder just run this command on your terminal inside the project directory

            npm innit     

After that, enter the following command on your terminal to install json-server

            npm install --save json-server

Open the package.json file and and add a comma(,) at the end of the test script on scripts section. Now add this new line at the bottom after the comma "start": "json-server --watch db.json"

The scripts section should look like this:

            "scripts": {
            "test": "echo \"Error: no test specified\" && exit 1",
            "start": "json-server --watch db.json"
            },

This will allow you to just run: npm run start to start json-server

Running this project

If you have followed through the installation instructions well you should not have any problem running this code.

To execute this code, click on terminal in your Vs Code, then click on New Terminal on the dropdown menu.

On your terminal, enter the following command:

                    npm run start

This will start json-server, you should see two links in your terminal that looks like this:

                    Resources
              http://localhost:3000/films 

                     Home
              http://localhost:3000

The first link should open the db.json file contents in your browser. The second now contains the main project

Proceed with this link to view the project

  http://localhost:3000

You should see a list of movies and the first movie displayed. You will see availabe tickets and the tickets should reduce on clicking buy

You have successfully run the project

flatdango's People

Contributors

e-nk avatar

Watchers

 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.