real-time-pizza-app Tailwind Templates

Real Time Pizza App

✨Build a real-time online pizza order app 🍕 using Node.js, Express.js, and MongoDB. we will be using Tailwind CSS for the frontend as a CSS framework and will be using the EJS template engine as well. we will be using socket.io for real-time communication 💭. Using This app we will be able to order a pizza and get real-time notifications.🔔

Real-Time Pizza Application

🚀 Steps to create the project.

  • ✔Create directory structure.
  • ✔Create a npm project and install all dependencies.
    • Dependencies
      • express
      • ejs express-ejs-layouts
    • Dev dependencies
      • nodemon
  • ✔Create Express server -> Create a server.js file.
  • ✔Git setup and first commit.
  • ✔Install Laravel Mix
    • setup JavaScript and CSS
  • ✔Install Tailwind CSS
  • ✔Create Home page using HTML and CSS.
  • ✔Create Cart Page
    • Order Summary Section
    • Empty Cart Section
    • Move routes to routes files
    • Create dedicated controllers
  • ✔Add to cart functionality.
    • Fetch all pizzas from DB and show on home page
    • Create menu model and put dummy data.
      • Connect to MongoDB
      • Use connect-mongo for session store
        • dependencies
          • mongoose, express-session, connect-mongo, dotenv
    • Axios to send AJAX request
    • Install notification library npm i noty
  • ✔Create Login Page with Route
  • ✔Create Register Page with Route
  • ✔Build Register Crud
  • ✔Build Login using Passport
    • Install dependencies passport passport-local express-session
  • ✔Create Order controller and link it in server.js
  • ✔Create Orders view with table and link it in server.js
  • ✔Create Orders view with table for customer and admin.
  • ✔Place order functionality.
  • ✔Show all my orders on customer order page.
  • ✔Show orders on admin orders page
  • ✔Change order status
  • ✔Create orders single page with status
  • ✔Order Tracker
    • Socket Connection
      • Dependencies socket.io
  • ✔Build Project for deployment.
  • ✔Add Stripe Payment
  • Deploy project on Live Server.

wakatime

Top categories

Loading Svelte Themes