Giter VIP home page Giter VIP logo

grillrilla's Introduction

GRILLRILLA

GRILLRILLA is a real time Food Ordering website made with Node JS and Express Js. Mongodb is used as the database.

To run this app in your PC you have to follow these Steps.

Screenshots

Main Page

App Screenshot 1

Menu (All the dishs are directly from Database)

App Screenshot 2

App Screenshot 3

Footer

App Screenshot 4

Admin Page (Only for ADMINS)

App Screenshot 5

Tech Stack

Client: Socket.io, TailwindCSS, EJS Server: Node, Express

Pre-requists

You need to download these in your PC before you move on with other steps.

Clone Locally

Clone the project

  git clone https://github.com/Karan-Dhingra/GRILLRILLA.git

Go to the project directory

  cd my-project

Install all Dependencies to run

Install project with npm

  1. For Initializing npm modules, just press enter for each questions asked and move on.
  npm init
  1. Install Express
  npm install express
  1. Install Engine
  npm install ejs express-ejs-layouts
  1. Install Nodemon to run our project
  npm install nodemon -g
  1. To import features of Tailwind CSS in our project
  npm install tailwindcss
  1. To connect with mongo db
  npm install connect-mongo
  1. To install mongoose
  npm install mongoose
  1. To store session in our database
  npm install express-session
  1. To use .env file
  npm install dotenv
  1. Axios for creating http requests
  npm install axios
  1. To get notification
  npm install noty
  1. To flash results and error if there are
  npm install express-flash
  1. Passport helps in checking and login
  npm install passport passport-local express-session
  1. It is used to store password in hash for SECURITY
  npm install bcrypt
  1. To store current time stamp
  npm install moment
  1. For making realtime events //using this we dont require to reload our page again for latest updates.
  npm install socket.io
  1. We have to add Stripe feature to use them //Build Payment Gateway
  npm install stripe[@stripe/stripe-js]
  1. Install Stripe //using this we dont require to reload our page again for latest updates.
  npm install stripe
  1. Plugin for Advance JS because of Larwel Mix
  @babel/plugin-proposal-class-properties

Further Steps

Before running app you need to do some more steps.

Go to file .env.example file rename file to .env

COOKIES_SECRET =
MONGO_CONNECTION_URL =
STRIPE_PRIVATE_KEY = 

You will find something like this after renaming file to .env just write something here. in COOKIES_SECRET you can write anything like This is Cookie

In MONGO_CONNECTION_URL fill the address of your database. For this if you are locally on your PC just go to Mongo Compass and make a database let it be GRILLRILLA make a collection menu and insert Menu content by uploading file. You have a Menu.json file just upload there. After making database add mongodb://localhost/GRILLRILLA make sure your database name is GRILLRILLA.

In STRIPE_PRIVATE_KEY you have to write Stripe key for this you have to sign in Stripe.com link is given above in Pre-requists. This Private key is available on Stripe.com Steps to get your Private Key is SignIn > Developers [You will se Dashboard, On Left Side in Navbar] > API Keys > Secret Key [Reveal Test Key] copy it and paste there.

Finish

That's it you have to go to local check in terminal on which port your app is running. Mostly it is http://localhost:3000/

grillrilla's People

Contributors

karan-dhingra avatar

Stargazers

Khushi Gupta 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.