Bootcamp Tutorial 0: App Dev II setting up environment for Project

Setting Up Things for the Project

Follow the instructions given in the below site to install WSL:

WSL Installation Guide

Make sure you reboot your system after installing WSL.

Now Install Git in Your WSL Setup

sudo apt install git
git config --global user.name "Your Name"
git config --global user.email "Your Email"

Git Initialization

cd /path/to/your/project
git init
git add .
git commit -m "Initial commit"
git remote add origin <your remote origin URL>
git branch --set-upstream-to=origin/main main  # Set the main branch

Git ignre file

touch .gitignore

add the following content to the .gitignore file

# Node.js / Vue.js
/node_modules/
/dist/
/.env

# npm logs
npm-debug.log*
yarn-debug.log*
yarn-error.log*

# Vite cache
.vite/

# Python
*.pyc
*.pyo
*.pyd
__pycache__/
env/
venv/
*.env

# VS Code
.vscode/

# Mac OS
.DS_Store

# Windows
Thumbs.db

Download and Install Node and npm

Download and install NVM (Node Version Manager):

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash

Then, install Node.js:

nvm install 22

Verify the Node.js version:

node -v  # Should print "v22.13.1"
nvm current  # Should print "v22.13.1"

Verify npm version:

npm -v  # Should print "10.9.2"

Check your Node.js and npm version:

node -v
npm -v

Check your Python version (ensure you have Python installed and it’s above 3.6):

python3 --version

Initializing the Frontend and Backend Project

Setting Up Frontend

Go to the root folder of your project:

cd /path/to/your/project

Create the Vue frontend project using Vite:

npm create vite@latest frontend --template vue
cd frontend
npm install
npm run dev

Setting Up Backend

Create the backend directory and set up a Python virtual environment:

mkdir backend
cd backend
python3 -m venv env

Activate virtual environment:

source .env/bin/activate

Push Your New Changes to the Remote Origin

Commit your changes:

git commit -m "Initial commit"
git push

Next Tutorial

App Development II with SQLAlchemy, JWT, REST APIs, and CORS