Building and Deploying an App with Bolt.new and Expo

Posted by on

 


gClick here to create an expo project with bolt: https://bolt.new/~/bolt-expo

🚀 Build & Deploy a Stunning Portfolio App – Zero Code Required!

Create a cross-platform developer portfolio that runs on iOS, Android, and web using AI-powered tools

✨ In today's guide, we'll create a stunning developer portfolio app using Bolt.new and Expo. The best part? We won't write a single line of code! This app will work seamlessly on Android, iOS, and the web, and we'll deploy it to all platforms using EAS (Expo Application Services).

🎯 What We're Building

We're creating a professional portfolio app that:

  • 📱 Fetches real-time GitHub metrics
  • 🎨 Features a modern, visually striking design
  • 📊 Displays your top repositories by stars
  • 🔗 Includes clickable repo cards with detailed modals
  • 🌐 Works on iOS, Android, and web

🛠️ Tools We're Using

⚡ Bolt.new

AI-powered development agent that lets you prompt, run, and edit Expo applications directly from your browser

☁️ EAS (Expo Application Services)

Deeply integrated cloud services for Expo and React Native that handle building, signing, and deployment

🚀 Creating the App with Bolt.new

Here's the step-by-step process:

1️⃣ Start with a Detailed Prompt

"Create a professional portfolio app using Expo that fetches and displays real-time GitHub metrics for [your username], shows total repos, followers, and top repositories by stars with animated counters and modern data visualization components..."

2️⃣ Iterate and Improve

The AI generates your app instantly! You can then provide follow-up prompts to fix issues or add features:

  • "Repos are not sorted by number of stars"
  • "Make repo cards clickable with modal details"
  • "Improve the grid layout and visual hierarchy"

3️⃣ Export and Test

Download your project and test it locally using Expo Go on your physical devices by scanning the QR code.

🌐 Deploying to Web

Deploying to web is the easiest and requires no paid accounts:

npx expo export --platform web eas deploy --prod

Your app will be live at a free yourapp.expo.app domain!

📱 Deploying to App Stores

🍎 iOS Deployment

Requirements: Apple Developer Account ($99/year)

eas build --platform ios

EAS automatically handles:

  • ✅ Certificate management
  • ✅ Provisioning profiles
  • ✅ App Store Connect setup
  • ✅ TestFlight distribution

🤖 Android Deployment

Requirements: Google Play Developer Account ($25 one-time)

eas build --platform android

Upload the generated AAB file to Google Play Console and publish to internal testing.

🎉 The Result

You now have a fully functional, cross-platform portfolio app that:

  • ✅ Showcases your GitHub stats in real-time
  • ✅ Works on iOS, Android, and web
  • ✅ Looks professional and modern
  • ✅ Required zero coding knowledge
  • ✅ Is deployed and shareable with the world!

💡 Ready to Build Your Own?

Head over to bolt.new and start creating your portfolio app today. The only limit is your imagination!

No local setup required • AI-powered development • Cloud-based deployment





Here is the process from Bolt.new. The first attempt failed, but the second one was successful.

Web Services

Comments

Post a Comment