├── tripBook.com
├── public
│ ├── ind.jpeg
│ ├── applogo.png
│ ├── favicon.ico
│ └── vercel.svg
├── next.config.js
├── components
│ ├── searchBox
│ │ ├── searchBox.module.css
│ │ └── searchBox.js
│ ├── backgroundImg
│ │ ├── bgComponent.module.css
│ │ └── bgComponent.js
│ ├── DatePicker.js
│ ├── Filters.js
│ ├── explore
│ │ ├── slideShow.module.css
│ │ ├── connectTravellers.js
│ │ ├── slideShow.js
│ │ └── nextTrip.js
│ ├── pre_loader
│ │ ├── loadingScreen.js
│ │ └── loadingText.module.css
│ ├── SearchForm.js
│ ├── navbarSection
│ │ ├── navbar.module.css
│ │ ├── draverNav.js
│ │ └── navbar.js
│ ├── SearchCard.js
│ └── Footer.jsx
├── db.connect.js
├── pages
│ ├── api
│ │ ├── user
│ │ │ ├── index.js
│ │ │ ├── signup
│ │ │ │ ├── index.js
│ │ │ │ └── dealer.js
│ │ │ ├── refresh.js
│ │ │ └── signin.js
│ │ └── property
│ │ │ ├── index.js
│ │ │ └── [id].js
│ ├── _app.js
│ ├── flights.js
│ ├── carrental.js
│ ├── addproperty.js
│ ├── listproperty.js
│ ├── signin.js
│ ├── signup.js
│ ├── property
│ │ ├── index.js
│ │ └── [id]
│ │ │ ├── index.js
│ │ │ └── info.js
│ └── index.js
├── models
│ ├── user.model.js
│ └── property.model.js
├── .gitignore
├── middlewares
│ └── tokenVerify.js
├── context
│ ├── AuthContextProvider.js
│ └── GuestContext.js
├── package.json
└── styles
│ └── globals.css
└── README.md
/tripBook.com/public/ind.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adityabarshilia/TripBook/HEAD/tripBook.com/public/ind.jpeg
--------------------------------------------------------------------------------
/tripBook.com/public/applogo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adityabarshilia/TripBook/HEAD/tripBook.com/public/applogo.png
--------------------------------------------------------------------------------
/tripBook.com/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adityabarshilia/TripBook/HEAD/tripBook.com/public/favicon.ico
--------------------------------------------------------------------------------
/tripBook.com/next.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('next').NextConfig} */
2 | const nextConfig = {
3 | reactStrictMode: false,
4 | }
5 |
6 | module.exports = nextConfig
7 |
--------------------------------------------------------------------------------
/tripBook.com/components/searchBox/searchBox.module.css:
--------------------------------------------------------------------------------
1 | .searchformStyles{
2 | display: flex;
3 | justify-content: space-between;
4 | gap: 20px;
5 | border:5px solid red
6 | }
--------------------------------------------------------------------------------
/tripBook.com/db.connect.js:
--------------------------------------------------------------------------------
1 | import mongoose from "mongoose";
2 |
3 | export const connect = async () => {
4 | if(mongoose.connection.readyState[0]) return;
5 | mongoose.connect(process.env.MONGODB_URI);
6 | };
--------------------------------------------------------------------------------
/tripBook.com/components/backgroundImg/bgComponent.module.css:
--------------------------------------------------------------------------------
1 | .bgImg {
2 | background-image: url("https://r-xx.bstatic.com/xdata/images/xphoto/2880x750/183939625.jpeg?k=f06b6ea8458f9377cc1293e39f6b3218d13c4a6576d61d51b989438e667d68fc&o=");
3 | /* width: 100%;
4 | height: 900px; */
5 | background-size: 100% 100%;
6 | }
7 |
8 | .textOnImg {
9 | /* border: 2px solid greenyellow; */
10 | margin-top: 5%;
11 | }
12 |
--------------------------------------------------------------------------------
/tripBook.com/components/DatePicker.js:
--------------------------------------------------------------------------------
1 | import { useContext } from "react";
2 | import { DateRangePicker } from "rsuite";
3 | import "rsuite/dist/rsuite.css";
4 | import { GuestContext } from "../context/GuestContext";
5 |
6 | const Datepicker = () => {
7 | const { date, setDate } = useContext(GuestContext);
8 | console.log(date)
9 | return setFilter(target.name)} m="5px">
7 |
8 | {
9 | type === "Rating" ? ("> 9 Rating")
10 | : type === "Reviews" ? ("> 50 Reviews")
11 | : type === "Price" ? ("< 6000 Price")
12 | : null
13 | }
14 |
15 |
16 | );
17 | };
18 |
19 | export default FilterBox;
20 |
--------------------------------------------------------------------------------
/tripBook.com/pages/api/property/index.js:
--------------------------------------------------------------------------------
1 | import { connect } from "../../../db.connect";
2 | import { PropertyModel } from "../../../models/property.model";
3 |
4 | export default async function handler(req, res) {
5 | const { method } = req;
6 |
7 | try {
8 | await connect();
9 | } catch (e) {
10 | console.log(e);
11 | }
12 |
13 | if (method === "POST") {
14 | try {
15 | const properties = await PropertyModel.create(req.body);
16 | res
17 | .status(201)
18 | .send({ message: "property added successfully", properties });
19 | } catch (e) {
20 | res.status(400).send(e.message);
21 | }
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/tripBook.com/middlewares/tokenVerify.js:
--------------------------------------------------------------------------------
1 | import jwt from "jsonwebtoken";
2 |
3 | const verify = (req,res,next) => {
4 | const { token } = req.headers;
5 |
6 | if (token) {
7 | jwt.verify(token, process.env.tsec, function(err, verified) {
8 | if (err) {
9 | return res.status(401).json({"error": true, "message": 'Unauthorized access. Login and try again' });
10 | }
11 | req.verified = verified;
12 | next();
13 | });
14 | } else {
15 | return res.status(403).send({
16 | "error": true,
17 | "message": 'Please login'
18 | });
19 | }
20 | }
21 |
22 | export default verify;
--------------------------------------------------------------------------------
/tripBook.com/context/AuthContextProvider.js:
--------------------------------------------------------------------------------
1 | import { useEffect } from "react";
2 | import { createContext, useState } from "react";
3 |
4 | export const AuthContext = createContext();
5 |
6 | function getInitialState() {
7 | const initState = localStorage.getItem("authData")
8 | return initState ? JSON.parse(initState) : ""
9 | }
10 |
11 | const AuthContextProvider = ({ children }) => {
12 | const [auth, setAuth] = useState("");
13 |
14 | useEffect(() => {
15 | setAuth(getInitialState);
16 | },[]);
17 |
18 | useEffect(() => {
19 | localStorage.setItem("authData", JSON.stringify(auth));
20 | }, [auth]);
21 | return (
22 |
23 | {children}
24 |
25 | );
26 | };
27 |
28 | export default AuthContextProvider;
--------------------------------------------------------------------------------
/tripBook.com/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "tripbook.com",
3 | "version": "0.1.0",
4 | "private": true,
5 | "scripts": {
6 | "dev": "next dev",
7 | "build": "next build",
8 | "start": "next start",
9 | "lint": "next lint"
10 | },
11 | "dependencies": {
12 | "@chakra-ui/icons": "^2.0.13",
13 | "@chakra-ui/react": "^2.4.3",
14 | "@emotion/react": "^11.10.5",
15 | "@emotion/styled": "^11.10.5",
16 | "argon2": "^0.30.2",
17 | "axios": "^1.2.1",
18 | "framer-motion": "^7.7.2",
19 | "jsonwebtoken": "^8.5.1",
20 | "mongoose": "^6.8.0",
21 | "next": "13.0.6",
22 | "react": "18.2.0",
23 | "react-dom": "18.2.0",
24 | "react-icons": "^4.7.1",
25 | "react-simple-image-slider": "^2.4.1",
26 | "react-slideshow-image": "^4.1.1",
27 | "rsuite": "^5.23.2"
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/tripBook.com/components/explore/slideShow.module.css:
--------------------------------------------------------------------------------
1 | /* .mainBox{
2 | border: 5px solid plum;
3 | } */
4 |
5 | /* @media all and (min-width: 401px) and (max-width: 750px){
6 | .Home_carousel_item_Third1{
7 | display: grid;
8 | grid-template-columns: repeat(3,1fr);
9 | gap: 4%;
10 | }
11 | .Home_Featured_Brands_Item1 div:last-child{
12 | position: relative;
13 | font-size: 80%;
14 | }
15 |
16 | .Home_carousel_item_Third1{
17 | margin-bottom: 10%;
18 | }
19 | }
20 |
21 |
22 | @media all and (min-width: 280px) and (max-width: 400px){
23 | .Home_carousel_item_Third1{
24 | display: grid;
25 | grid-template-columns: repeat(2,1fr);
26 | gap: 4%;
27 | padding-bottom: 5%;
28 | margin-bottom: 8%;
29 | }
30 | .Home_Featured_Brands_Item1 div:last-child{
31 | font-size: 50%;
32 | }
33 | } */
--------------------------------------------------------------------------------
/tripBook.com/models/property.model.js:
--------------------------------------------------------------------------------
1 | import { model, Schema, models } from "mongoose";
2 |
3 | const PropertySchema = new Schema({
4 | redirecturl: {
5 | type: String,
6 | },
7 | imagescr: {
8 | type: String,
9 | required: true
10 | },
11 | title: {
12 | type: String,
13 | required: true
14 | },
15 | summary: {
16 | type: String,
17 | },
18 | city: {
19 | type: String,
20 | required: true
21 | },
22 | TravelText: {
23 | type: String,
24 | },
25 | TravelText2: {
26 | type: String,
27 | },
28 | rating: {
29 | type: Number,
30 | },
31 | ratingStatus: {
32 | type: String,
33 | },
34 | reviews: {
35 | type: Number,
36 | },
37 | price: {
38 | type: Number,
39 | }
40 | });
41 |
42 | const PropertyModel = models.property || model("property", PropertySchema);
43 | export { PropertyModel };
--------------------------------------------------------------------------------
/tripBook.com/pages/api/user/signup/index.js:
--------------------------------------------------------------------------------
1 | import { connect } from "../../../../db.connect";
2 | import { UserModel } from "../../../../models/user.model";
3 | import argon2id from "argon2";
4 |
5 | export default async function handler(req, res) {
6 | const { method } = req;
7 | const { name, email, password } = req.body;
8 | try {
9 | await connect();
10 | } catch (e) {
11 | console.log(e);
12 | }
13 |
14 | if (method === "POST") {
15 | try {
16 | const check = await UserModel.findOne({ email });
17 | if (check)
18 | return res
19 | .status(400)
20 | .send({ message: "User with provided email already exists" });
21 |
22 | const hash = await argon2id.hash(password);
23 | const user = await UserModel.create({ name, email, password: hash, role: "user" });
24 | res.status(201).send({ message: "User Created", user });
25 | } catch (e) {
26 | res.status(400).send(e.message);
27 | }
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/tripBook.com/pages/api/user/signup/dealer.js:
--------------------------------------------------------------------------------
1 | import { connect } from "../../../../db.connect";
2 | import { UserModel } from "../../../../models/user.model";
3 | import argon2id from "argon2";
4 |
5 | export default async function handler(req, res) {
6 | const { method } = req;
7 | const { name, email, password } = req.body;
8 | try {
9 | await connect();
10 | } catch (e) {
11 | console.log(e);
12 | }
13 |
14 | if (method === "POST") {
15 | try {
16 | const check = await UserModel.findOne({ email });
17 | if (check)
18 | return res
19 | .status(400)
20 | .send({ message: "User with provided email already exists" });
21 |
22 | const hash = await argon2id.hash(password);
23 | const user = await UserModel.create({ name, email, password: hash, role: "dealer" });
24 | res.status(201).send({ message: "Dealer Created", user });
25 | } catch (e) {
26 | res.status(400).send(e.message);
27 | }
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/tripBook.com/public/vercel.svg:
--------------------------------------------------------------------------------
1 |
3 |
--------------------------------------------------------------------------------
/tripBook.com/components/pre_loader/loadingScreen.js:
--------------------------------------------------------------------------------
1 | import { Center } from "@chakra-ui/react";
2 | import React from "react"
3 | import styles from "./loadingText.module.css"
4 |
5 |
6 | const LoadingScreen = () => {
7 | return (
8 |
9 |
10 |
11 |
15 |
16 |
19 |
20 |
23 |
24 |
26 | );
27 | };
28 |
29 | export default LoadingScreen;
--------------------------------------------------------------------------------
/tripBook.com/pages/api/user/refresh.js:
--------------------------------------------------------------------------------
1 | import { connect } from "../../../db.connect";
2 | import { UserModel } from "../../../models/user.model";
3 | import jwt from "jsonwebtoken";
4 |
5 | export default async function handler(req, res) {
6 | const { method } = req;
7 | try {
8 | await connect();
9 | } catch (e) {
10 | console.log(e);
11 | }
12 |
13 | if (method === "POST") {
14 | let verifiedUser;
15 | const { refreshToken } = req.body;
16 | if (!refreshToken) return res.status(401).send("Unauthorized access");
17 |
18 | try {
19 | jwt.verify(refreshToken, process.env.rtsec, function (err, verified) {
20 | if (err) {
21 | return res
22 | .status(401)
23 | .json({ error: true, message: "Please relogin" });
24 | }
25 |
26 | verifiedUser = verified;
27 | console.log(verifiedUser);
28 | });
29 | const user = await UserModel.findOne({ _id: verifiedUser.id });
30 |
31 | const token = jwt.sign(
32 | { id: user._id, name: user.name, role: user.role },
33 | process.env.tsec,
34 | {
35 | expiresIn: process.env.tl,
36 | }
37 | );
38 |
39 | return res.status(200).send({ token: token });
40 | } catch (e) {
41 | res.status(404).send(e.message);
42 | }
43 | }
44 | }
45 |
--------------------------------------------------------------------------------
/tripBook.com/components/backgroundImg/bgComponent.js:
--------------------------------------------------------------------------------
1 | import { Box, Container, Heading, Text } from "@chakra-ui/react";
2 | import styles from "../backgroundImg/bgComponent.module.css";
3 | function BgComponent({ heading, subHeading }) {
4 | return (
5 | <>
6 |
12 |
13 |
19 |
20 |
25 | {heading}
26 |
27 |
33 | {subHeading}
34 |
35 |
36 |
37 |
38 |
39 |
40 | );
41 | }
42 |
43 | export default BgComponent;
44 |
--------------------------------------------------------------------------------
/tripBook.com/pages/api/property/[id].js:
--------------------------------------------------------------------------------
1 | import { connect } from "../../../db.connect";
2 | import { PropertyModel } from "../../../models/property.model";
3 |
4 | export default async function handler(req, res) {
5 | const { method } = req;
6 | const { id } = req.query;
7 |
8 | try {
9 | await connect();
10 | } catch (e) {
11 | console.log(e);
12 | }
13 |
14 | if (method === "DELETE") {
15 | try {
16 | const property = await PropertyModel.findOneAndDelete({ _id: id });
17 | res.status(200).send({ message: "Deleted", property });
18 | } catch (e) {
19 | res.status(400).send(e.message);
20 | }
21 | }
22 |
23 | if (method === "PUT") {
24 | try {
25 | const property = await PropertyModel.findOneAndReplace(
26 | { _id: id },
27 | req.body,
28 | { new: true }
29 | );
30 | res.status(200).send({ message: "Replaced", property });
31 | } catch (e) {
32 | res.status(400).send(e.message);
33 | }
34 | }
35 |
36 | if (method === "PATCH") {
37 | try {
38 | const property = await PropertyModel.findOneAndUpdate(
39 | { _id: id },
40 | req.body,
41 | { new: true }
42 | );
43 | res.status(200).send({ message: "Updated", property });
44 | } catch (e) {
45 | res.status(400).send(e.message);
46 | }
47 | }
48 | }
49 |
--------------------------------------------------------------------------------
/tripBook.com/pages/_app.js:
--------------------------------------------------------------------------------
1 | import '../styles/globals.css'
2 | import { ChakraProvider } from '@chakra-ui/react';
3 | import AuthContextProvider from '../context/AuthContextProvider';
4 | import Footer from '../components/Footer';
5 | import React ,{ useState , useEffect } from "react"
6 | import LoadingScreen from '../components/pre_loader/loadingScreen';
7 | // import {ToastContainer} from 'react-nextjs-toast';
8 | import GuestContextProvider from "../context/GuestContext";
9 |
10 |
11 | function MyApp({ Component, pageProps }) {
12 |
13 | // *********************************pre loader start************************************
14 |
15 | const [loading, setLoading] = useState(false);
16 |
17 | useEffect(() => {
18 | setTimeout(() => {
19 | setLoading(true);
20 | },2000);
21 | }, []);
22 | // *********************************pre loader end************************************
23 |
24 |
25 | return (
26 | <>
27 | {loading?
28 | (
29 |
30 |
31 |
35 |
36 | ):(
51 | {children}
52 |
53 | );
54 | };
55 |
56 | export default GuestContextProvider;
--------------------------------------------------------------------------------
/tripBook.com/pages/api/user/signin.js:
--------------------------------------------------------------------------------
1 | import { connect } from "../../../db.connect";
2 | import { UserModel } from "../../../models/user.model";
3 | import argon2id from "argon2";
4 | import jwt from "jsonwebtoken";
5 |
6 | export default async function handler(req, res) {
7 | const { method } = req;
8 | const { email, password } = req.body;
9 | try {
10 | await connect();
11 | } catch (e) {
12 | console.log(e);
13 | }
14 |
15 | if (method === "POST") {
16 | try {
17 | const user = await UserModel.findOne({ email });
18 | if (user) {
19 | if (!(await argon2id.verify(user.password, password))) {
20 | return res.status(401).send({ message: "Invalid password" });
21 | }
22 |
23 | const token = jwt.sign(
24 | { id: user._id, name: user.name, role: user.role },
25 | process.env.TSEC,
26 | {
27 | expiresIn: process.env.TL,
28 | }
29 | );
30 |
31 | const refreshToken = jwt.sign(
32 | { id: user._id, name: user.name, role: user.role },
33 | process.env.RTSEC,
34 | {
35 | expiresIn: process.env.RTL,
36 | }
37 | );
38 |
39 | const response = {
40 | status: "Logged in",
41 | token: token,
42 | refreshToken: refreshToken,
43 | };
44 |
45 | res.status(200).send(response);
46 | } else {
47 | return res.status(401).send({ message: "User not found" });
48 | }
49 | } catch (e) {
50 | res.status(400).send(e.message);
51 | }
52 | }
53 | }
54 |
--------------------------------------------------------------------------------
/tripBook.com/styles/globals.css:
--------------------------------------------------------------------------------
1 | html,
2 | body {
3 | padding: 0;
4 | margin: 0;
5 | font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
6 | Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
7 | }
8 |
9 | .image_icon {
10 | color: rgb(236, 55, 0);
11 | opacity: .5;
12 | }
13 |
14 | .image_icon:hover {
15 | cursor: pointer;
16 | font-size: 24.2px;
17 | }
18 |
19 | .date_picker{
20 | width: 100%;
21 | height: 100%;
22 | }
23 |
24 | .rs-picker-toggle{
25 | height: 100%;
26 | }
27 |
28 | .authlinks {
29 | width: 60px;
30 | height: 40px;
31 | background-position: 50%;
32 | background-repeat: no-repeat;
33 | border-radius: 3px;
34 | }
35 |
36 | /* .slide-container{
37 | border: 3px solid yellow;
38 | } */
39 |
40 | /* .slidingCont{
41 | border: 3px solid rgb(218, 22, 229);
42 | } */
43 |
44 |
45 | /* @media all and (min-width: 401px) and (max-width: 750px){
46 | .each-slide{
47 | display: grid;
48 | grid-template-columns: repeat(3,1fr);
49 | gap: 4%;
50 | }
51 | .Home_Featured_Brands_Item1 div:last-child{
52 | position: relative;
53 | font-size: 80%;
54 | }
55 |
56 | .Home_carousel_item_Third1{
57 | margin-bottom: 10%;
58 | }
59 | }
60 |
61 |
62 | @media all and (min-width: 280px) and (max-width: 400px){
63 | .each-slide{
64 | display: grid;
65 | grid-template-columns: repeat(2,1fr);
66 | gap: 4%;
67 | padding-bottom: 5%;
68 | margin-bottom: 8%;
69 | }
70 | .Home_Featured_Brands_Item1 div:last-child{
71 | font-size: 50%;
72 | }
73 | } */
--------------------------------------------------------------------------------
/tripBook.com/components/SearchForm.js:
--------------------------------------------------------------------------------
1 | import {
2 | Box,
3 | Button,
4 | Checkbox,
5 | FormControl,
6 | FormLabel,
7 | Input,
8 | InputGroup,
9 | InputLeftElement,
10 | Text,
11 | VStack,
12 | NumberInput,
13 | NumberInputField,
14 | NumberInputStepper,
15 | NumberIncrementStepper,
16 | NumberDecrementStepper,
17 | } from "@chakra-ui/react";
18 | import Link from "next/link";
19 | import { useState } from "react";
20 |
21 | import { BsSearch } from "react-icons/bs";
22 | import Datepicker from "./DatePicker";
23 |
24 | const SearchForm = () => {
25 |
26 | const [inputData , setInputData] = useState("");
27 |
28 | return (
29 |
30 |
31 | Search
32 |
33 |
34 | Destination/property name:
35 |
36 |
39 | Check-in - Check-out
40 |
42 |
44 |
47 |
48 |
49 |
50 | Entire homes & apartments
51 | I'm travelling for work
52 |
53 |
54 |
56 | Search
57 |
58 |
59 |
60 |
61 | );
62 | };
63 |
64 | export default SearchForm;
65 |
--------------------------------------------------------------------------------
/tripBook.com/components/explore/connectTravellers.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Img, Text, SimpleGrid, Stack, Box } from "@chakra-ui/react";
3 |
4 | function ConnectWithtravellers() {
5 | const data = [
6 | {
7 | caption: "Genuius",
8 | property: "mandloi, you're at Genius Level 1 in our programme",
9 | image:
10 | "https://cf.bstatic.com/static/img/communities/cover-photo/300x300/united-states-of-america/ba24465763ee132be84ce7c3e07d80096374e9d7.jpg",
11 | numbers: "343,321 travellers",
12 | },
13 | {
14 | caption: "10% discounts",
15 | property: "Enjoy discounts at participating properties",
16 | image:
17 | "https://cf.bstatic.com/static/img/communities/cover-photo/300x300/india/e4f4cf85c7a3c87ad369dc3da2a7774957dae913.jpg",
18 | numbers: "123,933 travellers",
19 | },
20 | {
21 | caption: "15% discounts",
22 | property: "Complete 5 stays to unlock Genius Level 2 program",
23 | image:
24 | "https://cf.bstatic.com/static/img/communities/cover-photo/300x300/travel-discussions/f43b42664bbf44f174b44c64fd71440b4af56888.jpg",
25 | numbers: "111,433 travellers",
26 | },
27 | {
28 | caption: "Free breakfasts",
29 | property: "Complete 5 stays to unlock Genius Level 2",
30 | image:
31 | "https://cf.bstatic.com/static/img/communities/communities-index/photo-300x300/592ac5a7bbd5433c1aba6f1afdea794e572c9a69.png",
32 | numbers: "132,433 travellers",
33 | },
34 | ];
35 |
36 | return (
37 |
38 | {data &&
39 | data.map((elem ,i) => (
40 |
41 |
42 | {elem.caption}
47 | {elem.property}
48 | {elem.numbers}
49 |
50 |
51 | ))}
52 |
53 | );
54 | }
55 |
56 | export default ConnectWithtravellers;
--------------------------------------------------------------------------------
/tripBook.com/pages/flights.js:
--------------------------------------------------------------------------------
1 | import { Slideshow } from "../components/explore/slideShow";
2 | import Navbar from "../components/navbarSection/navbar";
3 | import SearchBox from "../components/searchBox/searchBox";
4 |
5 | function flights() {
6 | const stay = [
7 | {
8 | caption: "Genuius",
9 | property: "mandloi, you're at Genius Level 1 in our loyalty programme",
10 | url: "https://cf.bstatic.com/xdata/images/hotel/square600/286659200.webp?k=9206fc9239b3e4538c22d04b85213d6d5e6257015022de8a37effd956fcde4b6&o=&s=1",
11 | },
12 | {
13 | caption: "10% discounts",
14 | property: "Enjoy discounts at participating properties worldwide",
15 | url: "https://cf.bstatic.com/xdata/images/hotel/square600/280950287.webp?k=b984c542b8b1a2ee0e019e4491da338a85b660caa10c5e1197225c5f3052d629&o=&s=1",
16 | },
17 | {
18 | caption: "15% discounts",
19 | property: "Complete 5 stays to unlock Genius Level 2",
20 | url: "https://cf.bstatic.com/xdata/images/hotel/square600/132452060.webp?k=8448bab55c87dbb42ab7c6643fbbce542124c908f63f6b36dc3cdc859e60cb0a&o=&s=1",
21 | },
22 | {
23 | caption: "Free breakfasts",
24 | property: "Complete 5 stays to unlock Genius Level 2",
25 | url: "https://cf.bstatic.com/xdata/images/hotel/square600/187855604.webp?k=bbb45aa5b540c7608ea3af52d92b95a215df9af831dd3ae0e4c4cce501e28b1b&o=&s=1",
26 | },
27 | {
28 | caption: "Free room upgrades",
29 | property: "Complete 5 stays to unlock Genius Level 2",
30 | url: "https://cf.bstatic.com/xdata/images/hotel/square600/178421525.webp?k=262301cdcbef1d33942bb02607906eafdee8dde3106ac5732966a206baeebb04&o=&s=1",
31 | },
32 | ];
33 |
34 | return (
35 |
36 |
52 | );
53 | }
54 |
55 | export default flights;
56 |
--------------------------------------------------------------------------------
/tripBook.com/pages/carrental.js:
--------------------------------------------------------------------------------
1 | import { Slideshow } from "../components/explore/slideShow";
2 | import Navbar from "../components/navbarSection/navbar";
3 | import SearchBox from "../components/searchBox/searchBox";
4 |
5 | function carRental() {
6 | const stay = [
7 | {
8 | caption: "Genuius",
9 | property: "mandloi, you're at Genius Level 1 in our loyalty programme",
10 | url: "https://cf.bstatic.com/xdata/images/hotel/square600/286659200.webp?k=9206fc9239b3e4538c22d04b85213d6d5e6257015022de8a37effd956fcde4b6&o=&s=1",
11 | },
12 | {
13 | caption: "10% discounts",
14 | property: "Enjoy discounts at participating properties worldwide",
15 | url: "https://cf.bstatic.com/xdata/images/hotel/square600/280950287.webp?k=b984c542b8b1a2ee0e019e4491da338a85b660caa10c5e1197225c5f3052d629&o=&s=1",
16 | },
17 | {
18 | caption: "15% discounts",
19 | property: "Complete 5 stays to unlock Genius Level 2",
20 | url: "https://cf.bstatic.com/xdata/images/hotel/square600/132452060.webp?k=8448bab55c87dbb42ab7c6643fbbce542124c908f63f6b36dc3cdc859e60cb0a&o=&s=1",
21 | },
22 | {
23 | caption: "Free breakfasts",
24 | property: "Complete 5 stays to unlock Genius Level 2",
25 | url: "https://cf.bstatic.com/xdata/images/hotel/square600/187855604.webp?k=bbb45aa5b540c7608ea3af52d92b95a215df9af831dd3ae0e4c4cce501e28b1b&o=&s=1",
26 | },
27 | {
28 | caption: "Free room upgrades",
29 | property: "Complete 5 stays to unlock Genius Level 2",
30 | url: "https://cf.bstatic.com/xdata/images/hotel/square600/178421525.webp?k=262301cdcbef1d33942bb02607906eafdee8dde3106ac5732966a206baeebb04&o=&s=1",
31 | },
32 | ];
33 |
34 | return (
35 |
36 |
52 | );
53 | }
54 |
55 | export default carRental;
56 |
--------------------------------------------------------------------------------
/tripBook.com/components/explore/slideShow.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Slide } from "react-slideshow-image";
3 | import "react-slideshow-image/dist/styles.css";
4 | import Link from "next/link";
5 | import { Box, Button, Image, Text } from "@chakra-ui/react";
6 |
7 | export const Slideshow = ({ image, no, tag, subTag }) => {
8 | return (
9 |
15 |
22 |
29 | {tag}
30 |
31 | {subTag}
32 |
33 | {image.map((slideImage, index) => (
34 |
45 |
49 |
60 | {slideImage.caption}
61 | {slideImage.property}
62 |
63 |
73 |
77 | {slideImage.caption}
78 |
79 |
80 |
81 |
82 |
83 | ))}
84 |
85 |
86 |
87 | );
88 | };
89 |
--------------------------------------------------------------------------------
/tripBook.com/components/navbarSection/navbar.module.css:
--------------------------------------------------------------------------------
1 | .imgLink {
2 | text-decoration: none;
3 | color: white;
4 | }
5 |
6 | .authDiv {
7 | display: flex;
8 | /* border: 2px solid rgb(240, 21, 240); */
9 | width: 50%;
10 | justify-content: space-around;
11 | }
12 |
13 | .authButton {
14 | background-color: white;
15 | color: rgb(51, 51, 236);
16 | text-align: center;
17 | padding: 2%;
18 | height: 32px;
19 | }
20 |
21 | .authLink {
22 | border-radius: 10px;
23 | font-size: 15px;
24 | }
25 | .authLink:hover {
26 | text-decoration: none;
27 | color: black;
28 | }
29 | .uniqueButton {
30 | /* height: 20%; */
31 | background-color: #004cb8;
32 | border-radius: 10px;
33 | border: 1px solid rgb(249, 243, 243);
34 | color: rgb(241, 239, 239);
35 | padding: 8px;
36 | text-align: center;
37 |
38 | text-decoration: none;
39 | font-weight: 600;
40 | font-size: 15px;
41 | }
42 | .uniqueButton:hover {
43 | color: white;
44 | background-color: #022c66;
45 | text-decoration: none;
46 | }
47 |
48 | .navRow2 {
49 | display: flex;
50 | text-decoration: none;
51 | justify-content: center;
52 | color: white;
53 | padding: 12px;
54 | border-radius: 20px;
55 | margin: auto;
56 | gap: 3px;
57 |
58 | /* border: 2px solid red; */
59 | /* font-weight: bold; */
60 | }
61 |
62 | .navRow2:hover {
63 | background-color: #03275a;
64 | color: white;
65 | text-decoration: none;
66 | }
67 |
68 | .navRow2One {
69 | display: flex;
70 | text-decoration: none;
71 | color: white;
72 | justify-content: center;
73 | border: 1px solid white;
74 | padding: 12px;
75 | border-radius: 20px;
76 | gap: 3px;
77 | }
78 | .navRow2One:hover {
79 | color: white;
80 | background-color: #022c66;
81 | text-decoration: none;
82 | }
83 |
84 | .iconsStyles1 {
85 | width: 22px;
86 | height: 22px;
87 | /* border: 1px solid rgb(236, 17, 17); */
88 | }
89 | .iconsStyles {
90 | width: 25px;
91 | height: 22px;
92 | }
93 |
94 | .smallScreen {
95 | display: none;
96 | }
97 |
98 | .navRow2s {
99 | text-decoration: none;
100 | display: flex;
101 | justify-content: center;
102 | color: black;
103 | padding: 10px;
104 | border-radius: 10px;
105 | margin: auto;
106 | gap: 10px;
107 | /* border: 1px solid rgb(236, 17, 17); */
108 | }
109 |
110 | .navRow2s:hover {
111 | box-shadow: 4px 4px 7px red;
112 | cursor: pointer;
113 | }
114 |
115 | .stackBox {
116 | /* border: 2px solid yellow; */
117 | margin-top: 12px;
118 | }
119 |
120 |
121 | @media only screen and (max-width: 650px) {
122 | .stackBox {
123 | display: none;
124 | }
125 | .smallScreen {
126 | display: flex;
127 | }
128 |
129 | .logosize {
130 | display: flex;
131 | justify-content: space-between;
132 | width: 100px;
133 | margin-top: 6px;
134 | }
135 | .smallnavbutton {
136 | width: 30%;
137 | }
138 | }
139 |
140 | @media only screen and (max-width: 855px) {
141 | .stackBox {
142 | display: none;
143 | }
144 | .smallScreen {
145 | display: flex;
146 | }
147 | .logosize {
148 | display: flex;
149 | justify-content: space-between;
150 | width: 100px;
151 | margin-top: 6px;
152 | }
153 | .smallnavbutton {
154 | width: 120px;
155 | }
156 | }
157 |
--------------------------------------------------------------------------------
/tripBook.com/components/navbarSection/draverNav.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import {
3 | Drawer,
4 | DrawerBody,
5 | DrawerFooter,
6 | DrawerHeader,
7 | DrawerOverlay,
8 | DrawerContent,
9 | DrawerCloseButton,
10 | useDisclosure,
11 | Box,
12 | Button,
13 | HStack,
14 | } from "@chakra-ui/react";
15 |
16 | import styles from "./navbar.module.css";
17 | import Link from "next/link";
18 | import { QuestionIcon, Icon } from "@chakra-ui/icons";
19 |
20 | import {
21 | IoAirplaneOutline,
22 | IoBedOutline,
23 | IoCarOutline,
24 | IoCarSportOutline,
25 | IoFlowerOutline,
26 | } from "react-icons/io5";
27 | import { RiCommunityLine } from "react-icons/ri";
28 |
29 | function DraverNav() {
30 | const { isOpen, onOpen, onClose } = useDisclosure();
31 | const btnRef = React.useRef();
32 |
33 | return (
34 | <>
35 |
44 | Explore-more
45 |
46 |
52 |
54 |
60 | Create your account & Explore
61 |
62 |
63 |
64 |
94 |
95 |
96 |
98 | Register
99 |
100 |
101 |
102 | Sign in
104 |
105 |
106 |
107 |
108 |
109 | );
110 | }
111 |
112 | export default DraverNav;
113 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # strong-cover-1612
2 |
3 |
4 | TripBook.com
5 |
6 | TripBook is a Next.JS project
7 |
8 | 🖥️ Tech Stack
12 |
13 |
14 |
19 |
20 |
51 |
52 |
55 |
56 |
59 |
60 |
63 |
64 |
67 |
68 |
69 |
70 |
71 |
59 |
68 |
69 |
70 |
71 | Add your property details
72 |
73 | Image Url
74 |
76 |
77 | Name
78 |
80 |
81 | City
82 |
84 |
85 | postProp()} colorScheme={'blue'} variant={'solid'}>
86 | Add your property
87 |
88 |
89 | Back to home
90 |
91 |
92 |
93 |
94 |
95 |
96 |
104 | ):(
51 |
55 |
56 |
64 |
66 |
67 |
68 |
69 |
75 | {title}
76 |
77 |
81 |
82 |
83 |
90 | { TravelText ? TravelText : ""}
91 |
92 |
93 | {/* {TravelText ? TravelText : ""} */}
94 |
95 | {TravelText1 ? TravelText1 : ""}
96 | {TravelText2 ? TravelText2 : ""}
97 | {TravelText2_o ? TravelText2_o : ""}
98 | {TravelText_2 ? TravelText_2 : ""}
99 |
100 |
101 |
102 |
103 |
104 |
105 |
106 | {ratingStatus}
107 |
108 | {reviews ? reviews : 0} reviews
109 |
110 |
111 |
120 | {rating}
121 |
122 |
123 | Price/day ₹ {price}
124 |
125 | ):(
21 |
22 |
29 |
30 |
32 |
33 |
44 |
45 |
46 |
47 | List your property on Booking.com and start welcoming guests in no
48 | time!
49 |
50 |
51 | To get started, choose the type of property you want to list on
52 | Booking.com
53 |
54 |
55 |
63 |
75 |
77 |
85 | Hotel, B&Bs, and more
86 |
87 |
88 |
89 | Furnished and self-catering accommodation, where guests rent the
90 | entire place.
91 |
92 |
93 |
101 | List your property
102 |
103 |
104 |
113 | Go Back
114 |
115 |
116 |
117 |
118 |
119 | ):(
49 |
51 |
58 | Sign in to your account
59 |
60 |
61 |
62 |
63 |
64 | Email
65 |
66 |
74 | Password
75 |
76 |
96 |
97 | By signing in or creating an account, you agree with our{" "}
98 |
106 |
107 |
108 | Or connect with
109 |
110 |
111 |
129 |
131 |
132 |
133 |
134 |
135 | Don’t have an account yet?{" "}
136 |
144 |
145 | All rights reserved. Copyright (2006 - 2022) - Booking.com™
146 |
147 |
148 |
149 | );
150 | };
151 |
152 | export default Signin;
153 |
--------------------------------------------------------------------------------
/tripBook.com/components/Footer.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Box, Button, Grid, Image, Input, Text } from "@chakra-ui/react"
3 |
4 |
5 | const Footer = () => {
6 | return (
7 |
8 | {/* *****************************************************footer Section 1 start********************************************************** */}
9 |
10 |
11 | Save time, save money!
12 | Sign up and we'll send the best deals to you
13 |
14 | Subscribe
16 |
17 |
18 |
19 | {/* *****************************************************footer Section 1 end********************************************************** */}
20 |
21 | List your property
23 |
24 | Mobile version
25 | Manage your bookings
26 | Customer service help
27 | Become an affiliate
28 | Booking.com for Business
29 |
30 |
31 |
32 | {/* *****************************************************footer Section 2 end********************************************************** */}
33 |
34 |
35 |
36 | Countries
37 | Regions
38 | Cities
39 | Districts
40 | Airports
41 | Hotels
42 | Places of interest
43 |
44 |
45 | Homes
46 | Apartments
47 | Resorts
48 | Villas
49 | Hotels
50 | B&Bs
51 | Guest houses
52 |
53 |
54 | Unique places to stay
55 | All destinations
56 | Discover
57 | Reviews
58 | Unpacked: Travel articles
59 | ravel Communities
60 | Seasonal and holiday deals
61 |
62 |
63 | Car hire
64 | Flight finder
65 | Restaurant reservations
66 |
67 |
68 | Coronavirus (COVID-19) FAQs
69 | About Booking.com
70 | Customer Service help
71 | Partner help
72 | Careers
73 | Sustainability
74 | Safety resource centre
75 | Investor relations
76 | Terms & Conditions
77 | Partner dispute
78 | How we work
79 |
80 |
81 |
82 | {/* *****************************************************footer Section 3 end********************************************************** */}
83 |
84 |
85 | Extranet login
87 | {/* *****************************************************footer Section 4 end********************************************************** */}
88 |
89 | {/* *****************************************************footer Section 5 start********************************************************** */}
90 |
91 | Booking.com is part of Booking Holdings Inc., the world leader in online travel and related services.
94 |
101 |
102 |
103 |
104 | {/* *****************************************************footer Section 5 end********************************************************** */}
105 |
106 | )
107 | }
108 |
109 | export default Footer
110 |
--------------------------------------------------------------------------------
/tripBook.com/pages/signup.js:
--------------------------------------------------------------------------------
1 | import {
2 | VStack,
3 | Box,
4 | Input,
5 | Text,
6 | FormControl,
7 | FormLabel,
8 | Link,
9 | Heading,
10 | Flex,
11 | } from "@chakra-ui/react";
12 | import { useContext, useState } from "react";
13 | import { useRouter } from "next/router";
14 |
15 | import { BsGithub } from "react-icons/bs";
16 | import axios from "axios";
17 | import { AuthContext } from "../context/AuthContextProvider";
18 | import Navbar from "../components/navbarSection/navbar";
19 |
20 | const Signup = () => {
21 | const [name, setName] = useState("");
22 | const [email, setEmail] = useState("");
23 | const [password, setPassword] = useState("");
24 | const router = useRouter();
25 | const { auth, setAuth } = useContext(AuthContext);
26 |
27 | const reset = () => {
28 | setName("");
29 | setEmail("");
30 | setPassword("");
31 | };
32 |
33 | const signupUserReq = async () => {
34 | const res = await axios.post("/api/user/signup", {
35 | name,
36 | email,
37 | password,
38 | });
39 | console.log(res.data);
40 | if (res.data.user) {
41 | setAuth({ ...auth, isReg: res.data.user });
42 | console.log(auth)
43 | reset();
44 | router.push("/signin");
45 | }
46 | };
47 |
48 | const signupDealerReq = async () => {
49 | const res = await axios.post("/api/user/signup/dealer", {
50 | name,
51 | email,
52 | password,
53 | });
54 | console.log(res.data);
55 | if (res.data.user) {
56 | setAuth({ ...auth, isReg: res.data.user });
57 | console.log(auth)
58 | reset();
59 | router.push("/signin");
60 | }
61 | };
62 |
63 | return (
64 | <>
65 |
67 |
68 |
75 | Create an account
76 |
77 |
78 |
79 |
80 |
81 | Name
82 |
83 |
90 | Email
91 |
92 |
99 | Password
100 |
101 |
132 |
133 | By signing in or creating an account, you agree with our{" "}
134 |
142 |
143 |
144 | Or connect with
145 |
146 |
147 |
165 |
167 |
168 |
169 |
170 |
171 | Are you already registered?{" "}
172 |
180 |
181 | All rights reserved. Copyright (2006 - 2022) - Booking.com™
182 |
183 |
184 |
185 |
186 |
187 | );
188 | };
189 |
190 | export default Signup;
191 |
--------------------------------------------------------------------------------
/tripBook.com/pages/property/index.js:
--------------------------------------------------------------------------------
1 | import {
2 | Box,
3 | Button,
4 | Flex,
5 | Text,
6 | Menu,
7 | MenuButton,
8 | MenuList,
9 | MenuItemOption,
10 | MenuOptionGroup,
11 | } from "@chakra-ui/react";
12 |
13 | import { BiChevronDown } from "react-icons/bi";
14 | import FilterBox from "../../components/Filters";
15 | import SearchCard from "../../components/SearchCard";
16 | import SearchForm from "../../components/SearchForm";
17 | import { useRouter } from "next/router";
18 |
19 | import { useEffect, useState } from "react";
20 | import Navbar from "../../components/navbarSection/navbar";
21 | import { connect } from "../../db.connect";
22 | import { PropertyModel } from "../../models/property.model";
23 |
24 | const Property = ({ data }) => {
25 | const router = useRouter();
26 | const { city } = router.query;
27 | const [sort, setSort] = useState("TopPicks");
28 | const [filter, setFilter] = useState("");
29 | const filters = ["Rating", "Reviews", "Price"];
30 |
31 | useEffect(() => {
32 | router.push({
33 | pathname: "/property",
34 | query: { city: city, filterBy: filter }
35 | });
36 | },[filter])
37 |
38 | useEffect(() => {
39 | router.push({
40 | pathname: "/property",
41 | query: { city: city, sortBy: sort},
42 | });
43 | }, [sort]);
44 |
45 | return (
46 | <>
47 |
55 |
56 |
59 |
60 | Filter by:
61 |
62 |
63 | Popular filters
64 | {filters.map((el, i) => (
65 |
68 |
69 |
70 |
75 |
76 | {city}: {data.length} properties found
77 |
78 |
79 |
91 | {
93 | setSort(value);
94 | }}
95 | defaultValue="Top picks"
96 | type="radio"
97 | >
98 | Our top picks
99 |
100 |
101 | Rating (Highest)
102 |
103 |
104 | Rating (Lowest)
105 |
106 |
107 | Top reviewed
108 |
109 | Low Price
110 | High Price
111 |
112 |
113 |
114 | {data.map((el) => (
115 |
133 |
134 |
135 | );
136 | };
137 |
138 | export const getServerSideProps = async (context) => {
139 | const { city, sortBy, filterBy } = context.query;
140 |
141 | try {
142 | await connect();
143 | } catch (e) {
144 | console.log(e);
145 | }
146 |
147 | let properties = await PropertyModel.find({ city });
148 |
149 | if (sortBy) {
150 | switch (sortBy) {
151 | case "TopReviewed":
152 | case "TopPicks":
153 | {
154 | properties = await PropertyModel.find({ city }).sort({
155 | reviews: -1,
156 | });
157 |
158 | break;
159 | }
160 |
161 | case "HighestRating": {
162 | properties = await PropertyModel.find({ city }).sort({
163 | rating: -1,
164 | });
165 |
166 | break;
167 | }
168 |
169 | case "LowestRating": {
170 | properties = await PropertyModel.find({ city }).sort({ rating: 1 });
171 |
172 | break;
173 | }
174 |
175 | case "LowPrice": {
176 | properties = await PropertyModel.find({ city }).sort({
177 | price: 1,
178 | });
179 |
180 | break;
181 | }
182 |
183 | case "HighPrice": {
184 | properties = await PropertyModel.find({ city }).sort({
185 | price: -1,
186 | });
187 |
188 | break;
189 | }
190 |
191 | default:
192 | break;
193 | }
194 | }
195 |
196 | if(filterBy){
197 | switch(filterBy){
198 | case "Price" : {
199 | properties = await PropertyModel.find({$and:[{city}, {price: { $lte: 6000}}]}).sort();
200 |
201 | break;
202 | }
203 |
204 | case "Reviews" : {
205 | properties = await PropertyModel.find({$and:[{city}, {reviews: { $gte: 50}}]});
206 |
207 | break;
208 | }
209 |
210 | case "Rating" : {
211 | properties = await PropertyModel.find({$and:[{city}, {rating: { $gte: 9}}]});
212 |
213 | break;
214 | }
215 |
216 | default:
217 | break;
218 | }
219 | }
220 |
221 |
222 | return {
223 | props: {
224 | data: JSON.parse(JSON.stringify(properties)),
225 | },
226 | };
227 | };
228 |
229 | export default Property;
230 |
--------------------------------------------------------------------------------
/tripBook.com/components/navbarSection/navbar.js:
--------------------------------------------------------------------------------
1 | import styles from "./navbar.module.css";
2 | import Link from "next/link";
3 | import { Icon } from "@chakra-ui/icons";
4 | import jwt from "jsonwebtoken";
5 |
6 | import {
7 | IoAirplaneOutline,
8 | IoBedOutline,
9 | IoCarOutline,
10 | IoCarSportOutline,
11 | IoFlowerOutline,
12 | } from "react-icons/io5";
13 | import { RiCommunityLine } from "react-icons/ri";
14 | import {
15 | Avatar,
16 | Box,
17 | Button,
18 | Container,
19 | Flex,
20 | HStack,
21 | Image,
22 | useToast,
23 | } from "@chakra-ui/react";
24 | import DraverNav from "./draverNav";
25 | import { AuthContext } from "../../context/AuthContextProvider";
26 | import { useContext } from "react";
27 | import { useRouter } from "next/router";
28 | let TSEC = "hello";
29 |
30 | function Navbar() {
31 | const toast = useToast();
32 | const { auth, setAuth } = useContext(AuthContext);
33 | const router = useRouter();
34 |
35 |
36 | const SignoutReq = () => {
37 | setAuth({ ...auth, isAuth: "" });
38 | router.push("/");
39 | };
40 |
41 | const checkToken = () => {
42 | if (!auth.isAuth) {
43 | return router.push("/signin");
44 | } else {
45 | const check = jwt.verify(
46 | auth.isAuth.token,
47 | TSEC,
48 | (err, verified) => {
49 | if (err) {
50 | console.log(err);
51 | toast({
52 | title: "Sessioned timed out!",
53 | description: "Please relogin.",
54 | status: "error",
55 | duration: 3400,
56 | isClosable: true,
57 | position: "top",
58 | });
59 | return router.push("/signin");
60 | } else {
61 | if (verified.role === "dealer") {
62 | console.log(verified.role);
63 | return router.push("/listproperty");
64 | } else {
65 | router.push("/");
66 | toast({
67 | title: "You're not a dealer.",
68 | description: "Please login as a dealer",
69 | status: "warning",
70 | duration: 3400,
71 | isClosable: true,
72 | position: "top",
73 | });
74 | }
75 | }
76 | }
77 | );
78 | }
79 | };
80 |
81 | return (
82 | <>
83 | {/*
92 |
100 |
101 |
106 |
114 |
115 |
116 |
117 |
118 |
119 |
123 |
124 | checkToken()}
143 | colorScheme="blue"
144 | >
145 | List your property
146 |
147 |
148 | {auth.isAuth ? (
149 | <>
150 | SignoutReq()}
152 | className={styles.authLink}
153 | >
154 | Sign out
155 |
156 | Register
162 |
163 |
164 | Sign in
166 |
167 |
168 | )}
169 |
170 |
171 |
172 |
174 |
175 |
176 |
180 |
181 |
211 |
212 |
213 |
214 |
215 | );
216 | }
217 |
218 | export default Navbar;
219 |
--------------------------------------------------------------------------------
/tripBook.com/components/searchBox/searchBox.js:
--------------------------------------------------------------------------------
1 | import {
2 | Box,
3 | Input,
4 | InputGroup,
5 | InputLeftElement,
6 | Text,
7 | Button,
8 | Popover,
9 | PopoverTrigger,
10 | PopoverContent,
11 | PopoverHeader,
12 | PopoverBody,
13 | PopoverArrow,
14 | PopoverCloseButton,
15 | Portal,
16 | } from "@chakra-ui/react";
17 | import { SearchIcon } from "@chakra-ui/icons";
18 | import { useContext, useState } from "react";
19 | import DatePicker from "../DatePicker";
20 | import Link from "next/link";
21 | import { GuestContext } from "../../context/GuestContext";
22 |
23 | const SearchBox = () => {
24 | const [inputData , setInputData] = useState("");
25 | return (
26 | <>
27 |
42 |
43 |
49 | Find your next stay
50 |
51 |
56 | Search low prices on hotels, homes and much more...
57 |
58 |
59 |
60 |
84 |
85 |
98 |
99 |
101 | {/* */}
102 |
121 | Search
122 |
123 |
124 |
125 |
126 |
127 | );
128 | };
129 | export default SearchBox;
130 |
131 | function Pop() {
132 | const {
133 | adult,
134 | handleIncre,
135 | handledec,
136 | childrens,
137 | handlechildrenIncre,
138 | handlechildrenDec,
139 | room,
140 | handleroomIncre,
141 | handleroomDec,
142 | } = useContext(GuestContext);
143 |
144 | return (
145 |
146 |
147 |
163 | {adult} adults
164 | {childrens} children
165 | {room} rooms
166 |
167 |
168 |
169 |
170 | Header
172 |
174 | Adult
175 |
181 | -
182 |
183 | {adult}
184 |
189 | +
190 |
191 |
192 |
193 | Children
194 |
200 | -
201 |
202 | {childrens}
203 |
208 | +
209 |
210 |
211 |
212 | Room
213 |
219 | -
220 |
221 | {room}
222 |
227 | +
228 |
229 |
230 |
231 |
232 |
233 | );
234 | }
235 |
--------------------------------------------------------------------------------
/tripBook.com/components/explore/nextTrip.js:
--------------------------------------------------------------------------------
1 | import { Box, Text } from "@chakra-ui/react";
2 | export const Nextrip = () => {
3 | return (
4 | <>
5 |
11 |
17 | Get inspiration for your next trip
18 |
19 |
20 |
31 |
41 |
48 |
62 | Europe's best but less obvious group holiday spots
63 |
64 |
77 | The best place in europe for an idyllic late-summer escape with
78 | friends.
79 |
80 |
81 |
82 |
91 |
98 |
104 | The USA’s 9 most beautiful beaches
105 |
106 |
111 | The finest stretches of sand to be found in North America.
112 |
113 |
114 |
115 |
116 |
117 |
139 |
155 |
162 |
176 | 48 hours in Paris, France
177 |
178 |
190 | The perfect 2-day itinerary for visiting The City of Light.
191 |
192 |
193 |
194 |
213 |
220 |
226 | The 9 most beautiful cities for autumn travel
227 |
228 |
234 | From soaking in Seoul’s hot springs to tucking into sticky
235 | cinnamon rolls in Montreal.
236 |
237 |
238 |
239 |
256 |
257 |
270 | Top 5 US cities to celebrate Labor Day Weekend
271 |
272 |
285 | Leave summer with no regrets when you head to these cities for
286 | Labor Day Weekend.
287 |
288 |
289 |
290 |
291 |
292 |
293 | );
294 | };
295 |
--------------------------------------------------------------------------------
/tripBook.com/pages/property/[id]/index.js:
--------------------------------------------------------------------------------
1 | import {
2 | Box,
3 | Text,
4 | Breadcrumb,
5 | BreadcrumbItem,
6 | BreadcrumbLink,
7 | Button,
8 | Flex,
9 | Image,
10 | Accordion,
11 | AccordionItem,
12 | AccordionButton,
13 | AccordionIcon,
14 | AccordionPanel,
15 | } from "@chakra-ui/react";
16 | import { ChevronRightIcon } from "@chakra-ui/icons";
17 | import { HiStar, HiShare } from "react-icons/hi";
18 | import { AiFillLike, AiOutlineHeart } from "react-icons/ai";
19 | import { BsTags } from "react-icons/bs";
20 | import { VscLocation } from "react-icons/vsc";
21 | import React, { useEffect, useState } from "react";
22 | import SearchForm from "../../../components/SearchForm";
23 | import { useRouter } from "next/router";
24 | import Link from "next/link";
25 | import Navbar from "../../../components/navbarSection/navbar";
26 | import LoadingScreen from "../../../components/pre_loader/loadingScreen";
27 | import { PropertyModel } from "../../../models/property.model";
28 | import { connect } from "../../../db.connect";
29 |
30 | const HotelDetails = ({ data }) => {
31 |
32 | const [loading, setLoading] = useState(false);
33 |
34 | useEffect(() => {
35 | setLoading(true);
36 | }, []);
37 |
38 | const { query } = useRouter();
39 | const { id } = query;
40 | console.log(id)
41 |
42 | return (
43 |
44 | {/* ********************************************************************************************* */}
45 | { loading?
46 | <>
47 |
49 |
50 |
51 |
52 |
53 | Coronavirus (COVID-19) Support
54 |
55 |
57 |
58 |
59 | Get the travel advice you need. Read more about possible travel
60 | restrictions before you go.
61 |
62 |
63 |
64 |
65 |
66 |
71 | Home
72 |
73 |
74 |
75 | List of properties
76 |
77 |
78 |
79 | HotelDetails
80 |
81 |
82 |
83 |
84 | {/* ********************************************************************************************* */}
85 |
86 |
87 |
93 |
94 | {" "}
95 |
96 | {" "}
99 |
101 |
102 |
107 |
113 | Info & prices
114 |
115 |
121 | Facilities
122 |
123 |
129 | House rules
130 |
131 | {`Guest Reviews ${"(rating)"}`}
137 |
138 |
139 |
144 |
145 | Hotel
146 |
147 |
148 |
158 | {" "}
159 |
161 |
168 | Great for two travellers
169 |
170 |
171 |
172 |
180 |
183 | Reserve
184 |
185 |
186 |
187 |
188 |
189 |
190 | {data.title}
191 |
192 |
193 |
194 |
196 |
197 |
200 |
201 |
202 |
203 |
204 |
216 |
217 | {data.TravelText2}
218 |
219 | {
220 | "Placed in the heart of Goa’s Port City just 4 km away from Dabolim Airport, La-Paz Gardens Beacon Hotel - Vasco da Gama Goa provides well appointed rooms with free WiFi access. It also houses a spacious outdoor pool and sauna facilities."
221 | }
222 |
223 |
224 | {
225 | "Rooms are furnished with air-conditioning, a seating area, a desk, a fan, a flat-screen TV with satellite channels and a minibar. Hot/cold shower facilities and free toiletries are included in an en suite bathroom."
226 | }
227 |
228 |
229 | {
230 | "Enjoy a good workout at the fitness centre or indulge in a game of table tennis while a 24-hour front desk can assist with car rentals, laundry/ironing services, currency exchange and room service."
231 | }
232 |
233 |
234 | {
235 | "Couples particularly like the location — they rated it 8.0 for a two-person trip."
236 | }
237 |
238 |
239 |
240 | {
241 | "La-Paz Gardens Beacon Hotel - Vasco da Gama Goa has been welcoming Booking.com guests since 2 Jan 2013."
242 | }
243 |
244 |
245 | {"Most popular facilities"}
246 |
247 |
248 |
249 | {"ATM and Currency Exchange:"}
250 |
251 | Need cash? There's an ATM machine and a currency exchange service at
252 | this property.{" "}
253 |
254 |
255 |
256 |
257 | {"Property highlights"}
258 |
259 |
260 |
263 |
264 | {"Breakfast info"}
265 |
266 | {"Buffer"}
267 |
268 |
269 |
276 | Reserve
277 |
278 |
279 |
280 | Save the property
281 |
282 |
283 |
284 |
285 |
289 | );
290 | };
291 |
292 | export const getServerSideProps = async (context) => {
293 | const { id } = context.query;
294 |
295 | try {
296 | await connect();
297 | } catch (e) {
298 | console.log(e);
299 | }
300 |
301 | const property = await PropertyModel.findOne({ _id: id });
302 |
303 | return {
304 | props: {
305 | data: JSON.parse(JSON.stringify(property)),
306 | },
307 | };
308 | };
309 |
310 | export default HotelDetails;
311 |
--------------------------------------------------------------------------------
/tripBook.com/pages/property/[id]/info.js:
--------------------------------------------------------------------------------
1 | import {
2 | Box,
3 | HStack,
4 | VStack,
5 | Text,
6 | Divider,
7 | Stack,
8 | Image,
9 | FormLabel,
10 | Input,
11 | Select,
12 | Textarea,
13 | Button,
14 | SimpleGrid,
15 | Center,
16 | useToast
17 | } from "@chakra-ui/react";
18 | import { MdOutlineCreditCardOff } from "react-icons/md";
19 | import { IoCheckmarkDone } from "react-icons/io5";
20 | import { MdOutlineLocalParking } from "react-icons/md";
21 | import { MdOutlineRestaurant } from "react-icons/md";
22 | import { MdLocalAirport } from "react-icons/md";
23 | import { useRouter } from "next/router";
24 | import { FaSwimmingPool } from "react-icons/fa";
25 | import Navbar from "../../../components/navbarSection/navbar";
26 | import { useContext, useEffect, useState } from "react";
27 | import { GuestContext } from "../../../context/GuestContext";
28 | import Link from "next/link";
29 | import LoadingScreen from "../../../components/pre_loader/loadingScreen";
30 | import { PropertyModel } from "../../../models/property.model";
31 | import { connect } from "../../../db.connect";
32 | export default function Info({ data }) {
33 | const { date, adult, childrens, room } = useContext(GuestContext);
34 | let CheckIn = date[0].toString().split(" ");
35 | let CheckOut = date[1].toString().split(" ");
36 | console.log(CheckIn, CheckOut);
37 |
38 | const { query } = useRouter();
39 | const { id } = query;
40 | const toast = useToast();
41 |
42 | const [name, setName] = useState("");
43 | const [email, setEmail] = useState("");
44 | const [email1, setEmail1] = useState("");
45 | const [guestName, setGuestName] = useState("");
46 | const [request, setRequest] = useState("");
47 | const [floor, setFloor] = useState("");
48 | const [guest, setGuest] = useState("");
49 | const [loading, setLoading] = useState(false);
50 | useEffect(() => {
51 | setLoading(true);
52 | }, []);
53 |
54 | function callSubmit() {
55 | if (
56 | name === "" ||
57 | email === "" ||
58 | email1 === "" ||
59 | guestName === "" ||
60 | request === ""
61 | ) {
62 | return toast({
63 | title: "Please fill all the required fields.",
64 | description: " All fields are mandatory.",
65 | status: "warning",
66 | duration: 3400,
67 | isClosable: true,
68 | });
69 | }
70 | toast({
71 | title: "Booking Succesfull.",
72 | description: "Enjoy our stay!",
73 | status: "success",
74 | duration: 3400,
75 | isClosable: true,
76 | });
77 | setName("");
78 | setEmail("");
79 | setEmail1("");
80 | setGuestName("");
81 | setRequest("");
82 | setGuest("");
83 | setFloor("");
84 | }
85 |
86 | return (
87 | <>
88 | {loading?(<>
89 |
90 |
98 |
99 |
100 |
101 | Your booking details
102 |
103 |
104 |
105 |
106 |
107 | Check-in
108 |
109 |
110 | {CheckIn[0] +
111 | " " +
112 | CheckIn[1] +
113 | " " +
114 | CheckIn[2] +
115 | " " +
116 | CheckIn[3]}
117 |
118 | {CheckIn[4]}
119 |
120 |
121 |
122 |
124 |
125 |
126 |
127 | Check-out
128 |
129 |
130 | {CheckOut[0] +
131 | " " +
132 | CheckOut[1] +
133 | " " +
134 | CheckOut[2] +
135 | " " +
136 | CheckOut[3]}
137 |
138 | {CheckOut[4]}
139 |
140 |
141 |
142 |
143 | Total length of stay:
144 |
145 |
146 | {CheckOut[2] - CheckIn[2]} Days
147 |
148 |
149 |
151 |
152 | You selected:
153 |
154 |
155 | Deluxe Double or Twin Room with Balcony
156 |
157 |
164 | Change your selection
165 |
166 |
167 |
168 |
169 |
176 | Price Breakdown
177 |
178 | {adult} Adults {" "} (Price x {adult})
179 |
180 |
181 | {childrens} Children {" "} (No extra charge!)
182 |
183 |
184 | {room} Room(s) {" "} (Price x {room})
185 |
186 |
187 |
188 |
189 | ₹{" "}
190 | {data.price *
191 | adult *
192 | (childrens / 2) *
193 | room *
194 | (CheckOut[2] - CheckIn[2])}
195 |
196 |
202 | No Surprises! Final price.
203 |
204 |
205 |
206 |
207 |
208 |
209 |
210 | {/* 2nd vstack */}
211 |
217 | {/* 1st stack */}
218 |
219 |
220 |
222 |
223 | Hotel
224 |
225 |
226 | {data.title}
227 |
228 | {data.city}
229 |
230 |
231 | Parking
234 |
235 |
236 | Restaurant
239 |
240 |
241 | Airport
244 |
245 |
246 |
247 | Swimming
250 |
251 |
252 |
253 |
254 |
255 | {/* 2nd Stack starts*/}
256 |
257 |
258 |
259 | Good to know:
260 |
261 |
262 | No credit card needed!
264 |
265 |
266 | {/* react icons */}
267 | Free cancellation until 23:59 on 13 December 2022
269 |
270 |
271 | No payment needed today. You'll pay when you stay.
273 |
274 |
275 |
276 | {/* 3rd stack */}
277 |
284 |
285 |
286 | {" "}
287 | Enter your details
288 |
289 |
290 | Almost done! Just fill in the * required info
291 |
292 |
293 |
294 |
295 | Full name *
296 | Email Address *
305 |
315 | Confirm Email Address *
316 |
317 |
327 |
328 | Guests:
329 |
330 |
331 | setGuest(e.target.value)}
334 | bgColor={"white"}
335 | placeholder="1"
336 | fontSize={"15px"}
337 | height={"32px"}
338 | w={"70px"}
339 | >
340 | 2
341 | 3
342 | 4
343 |
344 |
345 |
346 | Full guest name *
347 |
348 |
358 |
359 | Floor preference
360 |
361 |
362 | setFloor(e.target.value)}
366 | bgColor={"white"}
367 | placeholder="No preference"
368 | fontSize={"15px"}
369 | height={"39px"}
370 | >
371 | High floor
372 | Ground floor
373 |
374 |
375 |
376 |
377 | {/* 4th stack */}
378 |
384 |
390 |
391 | Special requests
392 |
393 |
394 | Special requests cannot be guaranteed – but the property will do
395 | its best to meet your needs. You can always make a special
396 | request after your booking is complete!
397 |
398 |
399 |
400 | Please write your requests in English or Hindi.
401 |
402 | 
