Vinayaka Travels

Planning a trip to Varanasi?

Book a cab in Varanasi with us for the lowest fare and most efficient car hire and taxi service. Hire us to visit Kashi Vishwanath, Ganga Aarti, Sarnath Darshan and many more places inside as well as near Varanasi and take your touring experience to another level.

Technology Used

• Bootstrap 4.x
• ReactJS
• Nodejs
• Expressjs

Using React hooks to improve the app performance

• React Hooks are the way to use stateful functions inside a functional component. Functional components are components written as a function, so they take some input (props) and return a react element.
• More information https://reactjs.org/docs/hooks-intro.html
• Using React Hooks will improve the performance of our project as it uses memorization techniques to avoid re-rendering of the component.

Quick Start 🚀

Install server dependencies

npm install

Install client dependencies

cd client npm install

Run both Express & React from root

npm run dev

Build for production

cd client npm run build

Test production before deploy.
After running a build in the client point_up_2, cd into the root of the project. And run..

NODE_ENV=production node app.js Check in browser on http://localhost:8080/

License

Project Maintainer

Abhinav Pandey

Made with 💖 for Kashi

How to make changes in Website.

/home/codespace/Oreo/app/src/App.js - This is entry point for react App.

• This has router logic.

For blogs and packages route API is called.

• API is Az function that reads title from Query or body and sends resopnse in json.

Link to work flow

• Workflows are Github action that deploys code chagnes.
• Current active work flow is https://github.com/DEVAbhinav/Oreo/edit/AzureDeploy/.github/workflows/azure-static-web-apps-yellow-tree-0be727a00.yml

How to add new blogs.

• create file in /home/codespace/Oreo/api/getBlogs/data/your-file-name.json
• keep all small letters only in file name.
• GET - kashitaxi.in/blogs/your-file-name
• If data is not comming inspect the api request - https://www.kashitaxi.in/api/getBlogs?name=your-page-name
• if its 500 in response likely naming issue. verify file name and url you type is same.

How to debug API

• Open github codespace - https://refactored-goggles-jjq76qj4gpjcj5r.github.dev/
• nvm use 14
• npm install -g azure-functions-core-tools@3
• navigate to function - cd ~/Oreo/api
• func start
• open another terminal and hit curl - curl -X GET "http://localhost:7071/api/getBlogs?name=hotel-booking-in-varanasi"