- Every req in Boilerplate (Full Example) List of Express JS:
- initialSetUp
- Boilerplate
- JsonWebTokenInterviewQuestions
- Table CrudOparetion
/*
1। npm install jsonwebtoken
2.const jwt = require('jsonwebtoken');
3. in your terminal
> require('crypto').randomBytes(64)
<Buffer ed 24 a7 0f 85 f1 a9 99 96 bf c0 fd 55 11 70 ce 2e 55 17 e5 eb 13 87 4b 87 e2 90 2d 27 ae f8 18 48 53 13 7c c0 53 61 14 23 9a c7 a9 61 21 a4 96 8a 33 ... 14 more bytes>
> require('crypto').randomBytes(64).toString()
'I�%�\x11�U��k��\x04����ϯ���`�T\b\f7\x19g���o�\x1Ft)tՎސ.\x06,\x1C��\n\x16\x04?�\x18"��\\���%h'
> require('crypto').randomBytes(64).toString('hex')
'ceb36bf116d2ef75dbd1df43a5e03b1c6fa29105201ba3e98c756534ad394904c724c4d9193cbfc51bf8f2a49dc4187bf63b49dea76e22aa585ce4e749eed619'
>
3.1 .env
ACCESS_TOKEN_SECRET=4766da99c10f0f4b8ba9c75f8ebe20fdd64c0a25115d91cd8f3d761029774b9e08d2bc7ff6c6cf16778aeca710abb1738ff3e71098040b85aa4e00200ab3e577
4. client site (login.js )
login(email, password)
.then((result) => {
const user = result.user;
console.log(result.user.email);
const currentUser = {
email: user.email,
};
console.log(currentUser);
// get jwt token
fetch("http://localhost:5000/jwt", {
method: "POST",
headers: {
"content-type": "application/json",
},
body: JSON.stringify(currentUser),
})
.then((res) => res.json())
.then((data) => {
console.log(data);
});
// form.reset();
// navigate(from, {replace:true})
})
.catch((error) => console.log(error));
// server (index.js)
app.post('/jwt', async(req, res) => {
const user = req.body;
const token = jwt.sign(user, process.env.ACCESS_TOKEN_SECRET, {expiresIn: "1h"});
res.send(token)
})//index.js (server)
1। npm install jsonwebtoken
2.const jwt = require('jsonwebtoken');
app.get("/jwt", async (req, res) => {
const email = req.query.email;
const query = { email: email };
const user = await usersCollection.findOne(query);
if (user) {
const token = jwt.sign({ email }, process.env.ACCESS_TOKEN, {
expiresIn: "1h",
});
return res.send({ accessToken: token });
}
console.log(user);
res.status(403).send({ accessToken: " " });
});
//SignUp.js (component)
import React, { useContext, useState } from "react";
import { useForm } from "react-hook-form";
import toast from "react-hot-toast";
import { Link, useNavigate } from "react-router-dom";
import { AuthContext } from "../../contexts/AuthProvider";
const SignUp = () => {
const {
register,
handleSubmit,
formState: { errors },
} = useForm();
const { createUser, updateUser } = useContext(AuthContext);
const [signUpError, setSignUPError] = useState("");
const navigate = useNavigate();
const handleSignUp = (data) => {
setSignUPError("");
createUser(data.email, data.password)
.then((result) => {
const user = result.user;
console.log(user);
toast("User Created Successfully.");
const userInfo = {
displayName: data.name,
};
updateUser(userInfo)
.then(() => {
saveUser(data.name, data.email);
console.log(data.name, data.email);
})
.catch((err) => console.log(err));
})
.catch((error) => {
console.log(error);
setSignUPError(error.message);
});
};
const saveUser = (name, email) => {
const user = { name, email };
console.log(user);
fetch("http://localhost:5000/users", {
method: "POST",
headers: {
"content-type": "application/json",
},
body: JSON.stringify(user),
})
.then((res) => res.json())
.then((data) => {
getUserToken(email);
console.log(data, email)
});
};
const getUserToken = (email) => {
fetch(`http://localhost:5000/jwt?email=${email}`)
.then((res) => res.json())
.then((data) => {
if (data.accessToken) {
localStorage.setItem("accessToken", data.accessToken);
navigate("/");
}
});
};
return (
<div className="h-[800px] flex justify-center items-center">
<div
className="w-96 h-[580px] p-7"
style={{
boxShadow: "3px 4px 10px 2px rgba(0, 0, 0, 0.05)",
borderRadius: "18px",
}}
>
<h2 className="text-4xl mb-7 font-medium text-center">Sign Up</h2>
<form onSubmit={handleSubmit(handleSignUp)}>
<div className="form-control w-full mb-2">
<label className="label py-1">
{" "}
<span className="label-text">Name</span>
</label>
<input
type="text"
{...register("name", {
required: "Name is required",
})}
className="input input-bordered w-full"
/>
{errors.email && (
<p className="text-red-600">{errors.name?.message}</p>
)}
</div>
<div className="form-control w-full mb-2">
<label className="label py-1">
{" "}
<span className="label-text">Email</span>
</label>
<input
type="email"
{...register("email", {
required: "Email Address is required",
})}
className="input input-bordered w-full"
/>
{errors.email && (
<p className="text-red-600">{errors.email?.message}</p>
)}
</div>
<div className="form-control w-full mb-4">
<label className="label py-1">
{" "}
<span className="label-text">Password</span>
</label>
<input
type="password"
{...register("password", {
required: "Password is required",
minLength: {
value: 6,
message: "Password must be 6 characters or longer",
},
pattern: {
// value: /[a-zA-Z0-9]/,
message: "Password must be Strong",
},
})}
className="input input-bordered w-full"
/>
{errors.password && (
<p className="text-red-600">{errors.password?.message}</p>
)}
{signUpError && <p className="text-red-600">{signUpError}</p>}
</div>
<input
className="btn btn-accent text-white w-full"
value="Sign Up"
type="submit"
/>
</form>
<div>
<p className="text-[12px] mt-[10px] text-center text-[#000000]">
Already have an account?{" "}
<Link to="/login" className="text-[#19D3AE]">
Please Login
</Link>
</p>
<div className="divider">OR</div>
<div>
<button className="btn btn-outline w-full">
CONTINUE WITH GOOGLE
</button>
</div>
</div>
</div>
</div>
);
};
export default SignUp;
//My Appointment ()
const url = `http://localhost:5000/bookings?email=${user?.email}`;
const { data: bookings = [] } = useQuery({
queryKey: ["bookings", user?.email],
queryFn: async () => {
const res = await fetch(url, {
headers:{
authorization:`bearer ${localStorage.getItem('accessToken')}`
}
});
const data = await res.json();
return data;
},
});
//index.js (server)
function verifyJWT(req, res, next) {
console.log("token inside verifyJwt", req.headers.authorization);
const authHeader = req.headers.authorization;
if (!authHeader) {
return res.send(401).send("unauthorized access");
}
const token = authHeader.split(" ")[1];
jwt.verify(
token,
process.env.process.env.ACCESS_TOKEN,
function (err, decoded) {
if (err) {
return res.status(403).send({ message: "forbidden access" });
}
req.decoded = decoded;
next();
}
);
}
app.get("/bookings", verifyJWT, async (req, res) => {
const email = req.query.email;
const decodedEmail = req.decoded.email;
if (email !== decodedEmail) {
return res.status(403).send({ message: "forbidden access" });
}
const query = { email: email };
const bookings = await bookingsCollection.find(query).toArray();
res.send(bookings);
});
- Notes must be know every single part for interview
************Mongo DB Notes************
//Module 65-8
1.What are MongoDb operators?
MongoDb offers the following query operator types:
i. Comparison
ii. Logical
iii. Element
iv. Evalution
v. Geospatial
vi. Array
vii. Bitwise
viii. Comments
************End Node Notes************must be know every single part for interview https://roadmap.sh/react
************Mongo DB Interview Questions************
//Milestone: 11 Backend and Database integrate
//Node.js Interview Questions
//Module 65.9
1. What is Node.js and how it works?
2. What are the key features of Node.js?
3. What in npm? What is the main functionality of npm?
4. What is the difference between JavaScript and Node.js?
5. What is event-driven programming in Node.js?
6. How single threaded handles concurrency when multiple I/O operations happing in Node.js?
7. What is package.json?
8. What is Event loop in Node.js and how does it work?
9. What do you understand by callback hell?
//MongoDb Interview Questions
1. What is a Document in MongoDb?
2. What is Collection in MongoDb?
3. What are some fetures of MongoDb?
4. When to use MongoDb?
5. What are some of the advantages of MongoDB?
6. What type of DBMS is MongoDB?
7. What is the difference between MongoDB and MYSql?
8. Explain the Structure of ObjectID in MongoDB?
9. What is CRUD in MongoDB?
************Mongo DB Interview Questions************| Operator | Description | Operator | Description | |
|---|---|---|---|---|
| 1 | $eq | Matches values that are equal to the given value | $gt | Matches if values are greater than the given value |
| 4 | $lt | Matches if values are less than the given value | $gte | Matches if values are greater or equal to the given value |
| 4 | $lte | Matches if values are less or equal to the given value. | $in | Matches any of the values in an array |
| 4 | $ne | Matches values that are not equal to the given value. | $nin | Matches none of the values specified in an arrray |
| 4 | $and | $not | ||
| 4 | $nor | $or |
| Questions | Answer | |
|---|---|---|
| 1 | ||
| 3 | ||
| 4 |
