Project: Wanderlust Deployment

Wanderlust is an ultimate travel blog app for those having strong desire to travel and explore the world, driven by curiosity and a craving for new experiences.

STEPS: -

1. Clone Repository:

git clone https://github.com/harshitsahu2311/Wanderlust-Project.git

2. Navigate to Cloned Directory:

cd Wanderlust-Project

3. List Directory Contents:

ls

4. Install Node Version Manager (NVM):

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

5. Install Node.js version 21:

nvm install 21

6. Verify Node.js and npm Installation:

node -v
npm -v

7. Navigate to Backend Directory:

cd Wanderlust-Project/backend

8. Install Backend Dependencies:

npm i

9. Install MongoDB:

sudo apt-get install gnupg curl
curl -fsSL https://www.mongodb.org/static/pgp/server-7.0.asc | sudo gpg -o /usr/share/keyrings/mongodb-server-7.0.gpg --dearmor
echo "deb [ arch=amd64,arm64 signed-by=/usr/share/keyrings/mongodb-server-7.0.gpg ] https://repo.mongodb.org/apt/ubuntu jammy/mongodb-org/7.0 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-7.0.list
sudo apt-get update
sudo apt-get install -y mongodb-org

10. Start MongoDB Service:

sudo systemctl start mongod

11. Import Sample Data to MongoDB:

mongoimport --db wanderlust --collection posts --file ./data/sample_posts.json --jsonArray

12. Set Up Environment Variables:

cp .env.sample .env

13. View Environment Variables:

cat .env

14. Start Backend Server:

npm start

15. Navigate to Frontend Directory:

cd ../frontend/

16. Install Frontend Dependencies:

npm i

17. Create Local Environment File for Frontend:

cp .env.sample .env.local

18. Start Frontend Development Server:

npm run dev

19. Run Frontend Server with Specific Host:

npm run dev -- --host

20. Run Frontend Server in Background:

nohup npm run dev -- --host &

- Starts frontend server in the background.

21. Check Port Usage:

lsof -i:5173

22. Terminate Process Using Port:

sudo kill 9 2336

23. View Port Usage Again:

lsof -i:5173

24. Edit Local Environment File:

vim .env.local

Make these changes VITE_API_PATH="http://<your-public-ip>:5000”

25. Start Frontend Server in Background Again:

nohup npm run dev -- --host &

26. Start Backend Server Again:

cd ../backend/
npm start

Congratulations!! You have done a 3-tier application in Virtual Network.