This guide will help you set up the Blob development environment in just a few minutes.
Make sure you have these installed:
- Node.js 18+ - JavaScript runtime
- Download - Get the LTS version
- Verify:
node --version
- pnpm - Package manager
- Install:
npm install -g pnpm - Verify:
pnpm --version
- Install:
- Git - Version control
- Download
- Verify:
git --version
- Docker - Database container platform
- Download
- Verify:
docker --version - Important: Make sure Docker Desktop is running!
- Expo Go - For mobile testing (install on your phone)
Don't have these? Check the detailed explanation of each tool in CONTRIBUTING.md.
git clone https://github.com/opencodeiiita/blob.git
cd blobpnpm setupThis interactive script will:
- ✓ Check all prerequisites
- ✓ Install dependencies
- ✓ Create environment files
- ✓ Start Docker containers
- ✓ Set up the database
pnpm devThen:
- Install Expo Go on your phone (iOS | Android)
- Make sure your phone and computer are on the same Wi-Fi
- Scan the QR code shown in the terminal
- Run commands in PowerShell or Command Prompt
pnpm setupworks perfectly in both terminals
- If you see permission errors, run:
chmod +x scripts/setup.js - Docker Desktop must be running
- If you see permission errors, run:
chmod +x scripts/setup.js - Docker Desktop or Docker Engine must be running
- You may need to add your user to the docker group:
sudo usermod -aG docker $USER
- Make sure Docker Desktop is running
- On Linux, check:
sudo systemctl status docker
Check what's using the ports:
Mac/Linux:
lsof -ti:5432 | xargs kill -9 # PostgreSQL
lsof -ti:8787 | xargs kill -9 # API
lsof -ti:8081 | xargs kill -9 # ExpoWindows:
netstat -ano | findstr :5432
taskkill /PID <PID> /Frm -rf node_modules pnpm-lock.yaml
pnpm installpnpm dev # Start both API and mobile
pnpm dev:api # Start only API
pnpm dev:mobile # Start only mobile
pnpm docker:up # Start Docker
pnpm docker:down # Stop Docker
pnpm docker:logs # View logs
pnpm db:push # Update database schema
pnpm db:studio # Open database GUI
pnpm format # Format code
pnpm lint # Lint code- 📖 Read the full CONTRIBUTING.md
- 🐛 Open an issue
- 💬 Join Discord
Check out:
Happy coding!