Scribd
Upload
18 views4 pages

Full Website

Uploaded by

tyagiaman1857
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
18 views4 pages

Full Website

Uploaded by

tyagiaman1857
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 4

packages and modules=

(a) npm init


(b) npm i node(it is for node packages)
(c) npm i mongoose(it is for database)
(d) npm i express(it is for backend)
(e) npm i nodemon(it is used to save the file automatically by pressing ctrl+s)
(f) npm i validator
(g) npm i hbs
(h) npm i jquery
(i) npm i bootstrap
-----------------------------------------------------------------------------------
----------------------------------------------------------------

step 1: src(folder) --->db(folder)+models(folder)+app.js(file)


step 2: db(folder) --->conn.js(file)
step3: models(folder)--->usermessage.js(file)
-----------------------------------------------------------------------------------
----------------------------------------------------------------
(imp)step 4 : first of all we can on the mongodb server by using mongod and mongosh
in cmd prompt
-----------------------------------------------------------------------------------
---------------------------------------------------------------
step 5:---> in db(folder)-->conn.js(file)

const mongoose = require('mongoose')


mongoose.set('strictQuery',false);
mongoose.connect("mongodb://localhost:27017/thapadynamiccccc",
{useNewUrlParser:true})
.then(()=>console.log('connection succesful....'))
.catch((err)=>console.log(err));
-----------------------------------------------------------------------------------
----------------------------------------------------------------
step 6:---->in src(folder)--->app.js(file)
const express = require('express')
const app = express();
require('./db/conn');
const port = process.env.PORT || 2000;

// routing
// app.get(path,callback)
app.get('/',(req,res)=>{
res.send('deepak')
//res.send("running")
});

// server create
app.listen(port, ()=>{
console.log(`server is running${port}`);
})
-----------------------------------------------------------------------------------
----------------------------------------------------------------
step 7:
public(folder)---->imges(folder)+new.html(file)+style.css(file)

the index.html file is only for check whether the code is perfectly run or not and
the style.css is for css code .
-----------------------------------------------------------------------------------
----------------------------------------------------------------
step 8:
const express = require('express');
const path = require('path');
const app = express();
require('./db/conn');
const port = process.env.PORT || 2000;
//setting the path
const staticpath = path.join(__dirname,"../public");
//midleware
app.use('/css',express.static(path.join(__dirname,'../node_modules/bootstrap/dist/
css')));
app.use('/js',express.static(path.join(__dirname,'../node_modules/bootstrap/dist/
js')));
app.use('/jq',express.static(path.join(__dirname,'../node_modules/jquery/dist/
jq')));
app.use(express.static(staticpath));
app.get('/',(req,res)=>{
res.render('index')
//res.send("running")
});
// server create
app.listen(port, ()=>{
console.log(`server is running${port}`);
})

->and now we can call path in app.js


->app.use it is used for bootstrap css,js,jq it is used when we are working on
bootstrap codes
-----------------------------------------------------------------------------------
----------------------------------------------------------------
step 9:
templates(folder)-->views(folder)1+partials(folder)
views(folder)-->index.hbs(it is the main root file for html code)
partials(folder)--->nav.hbs (it is partial file which can be used in root file by
{{>nav}} this syntax.
-----------------------------------------------------------------------------------
----------------------------------------------------------------
step 10:
const express = require('express');
const path = require('path');
const app = express();
require('./db/conn');
const User = require("./models/usermessage")
const hbs = require('hbs');
const port = process.env.PORT || 2000;
//setting the path
const staticpath = path.join(__dirname,"../public");
const templatepath = path.join(__dirname,"../templates/views");
const partialpath = path.join(__dirname,"../templates/partials");
//midleware
app.use('/css',express.static(path.join(__dirname,'../node_modules/bootstrap/dist/
css')));
app.use('/js',express.static(path.join(__dirname,'../node_modules/bootstrap/dist/
js')));
app.use('/jq',express.static(path.join(__dirname,'../node_modules/jquery/dist/
jq')));
app.set('view engine','hbs');
app.use(express.static(staticpath));

app.use(express.urlencoded({extended:false}));-->>(it is used for making output in


json format)
app.set('views',templatepath);
hbs.registerPartials(partialpath);

// routing
// app.get(path,callback)
app.get('/',(req,res)=>{
res.send('index')
//res.send("running")
});
// server create
app.listen(port, ()=>{
console.log(`server is running${port}`);
})

and then in terminal we can write[ nodemon src/app.js -e js,hbs] it is used for
handlebar files.
-----------------------------------------------------------------------------------
----------------------------------------------------------------
step 11: the last step is for form validation
models(folder)--->usermessages(file) it is already created
const mongoose = require('mongoose');
const validator = require('validator');

const userSchema = mongoose.Schema({


name:{
type:String,
required:true,
minLength:3
},
message:{
type:String,
required:true,
minLength:3
},
comments:{
type:String,
required:true,
minLength:1
}

})
// we need collection
const User = mongoose.model('User',userSchema);

module.exports = User;
-----------------------------------------------------------------------------------
----------------------------------------------------------------
step 12:
const express = require('express');
const path = require('path');
const app = express();
require('./db/conn');
const User = require("./models/usermessage")
const hbs = require('hbs');
const port = process.env.PORT || 2000;
//setting the path
const staticpath = path.join(__dirname,"../public");
const templatepath = path.join(__dirname,"../templates/views");
const partialpath = path.join(__dirname,"../templates/partials");
//midleware
app.use('/css',express.static(path.join(__dirname,'../node_modules/bootstrap/dist/
css')));
app.use('/js',express.static(path.join(__dirname,'../node_modules/bootstrap/dist/
js')));
app.use('/jq',express.static(path.join(__dirname,'../node_modules/jquery/dist/
jq')));
app.set('view engine','hbs');
app.use(express.static(staticpath));

app.use(express.urlencoded({extended:false}));
app.set('views',templatepath);
hbs.registerPartials(partialpath);

// routing
// app.get(path,callback)
app.get('/',(req,res)=>{
res.render('index')
//res.send("running")
});
app.post('/contact',async(req,res)=>{
try{
//res.send(req.body)
const userData = new User(req.body);
await userData.save();
res.status(201).render("index");
}catch(error){
res.status(500).send(error);
}
})
// server create
app.listen(port, ()=>{
console.log(`server is running${port}`);
})

You might also like