Skip to content

Instantly share code, notes, and snippets.

View justinnewbold's full-sized avatar

Justin Newbold justinnewbold

1 follower · 2 following
  • NoobDevCo
View GitHub Profile
@justinnewbold
justinnewbold / index.html
Created December 23, 2025 18:30
ChordFlow - AI-Powered Chord Progression Generator for Songwriters
See the full index.html content from the chord-progression-generator created above - this is a complete single-file web app with Tone.js audio, 15+ genre presets, all 12 keys, 11 scales, interactive piano roll, playback controls, history, and export features.
@justinnewbold
justinnewbold / package.json
Created December 12, 2025 00:07
TempoDash Mobile - package.json
{
"name": "tempo-dash",
"version": "1.0.0",
"main": "expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web",
"build:ios": "eas build --platform ios",
@justinnewbold
justinnewbold / App.tsx
Created December 12, 2025 00:06
TempoDash React Native/Expo Mobile App - Main Entry Point
import React, { useState, useEffect, useCallback } from 'react';
import { StyleSheet, View, StatusBar } from 'react-native';
import { SafeAreaProvider } from 'react-native-safe-area-context';
import AsyncStorage from '@react-native-async-storage/async-storage';
import MainMenu from './src/screens/MainMenu';
import WorldSelect from './src/screens/WorldSelect';
import GameScreen from './src/screens/GameScreen';
import { GameContext, SaveData } from './src/context/GameContext';
const STORAGE_KEY = '@tempodash_save';
@justinnewbold
justinnewbold / package.json
Created December 11, 2025 17:01
TempoDash React Native/Expo Mobile App - package.json
{
"name": "tempo-dash",
"version": "1.0.0",
"main": "expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web",
"build:ios": "eas build --platform ios",
@justinnewbold
justinnewbold / .npmrc
Created December 10, 2025 19:31
Key Perfect .npmrc file - enables legacy peer deps
legacy-peer-deps=true
@justinnewbold
justinnewbold / package.json
Created December 10, 2025 19:30
Fixed package.json for Key Perfect - React 18.3.1 compatible
{
"name": "key-perfect",
"version": "1.0.0",
"main": "index.ts",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web",
"build:web": "expo export -p web",
@justinnewbold
justinnewbold / forge-app.tsx
Created December 8, 2025 15:54
Forge - Mobile App Builder with live artifact preview. An Expo/React Native app that builds apps. Clone and run with: npx create-expo-app forge && copy App.tsx && npm install react-native-webview expo-linear-gradient && npx expo start
// Forge - Mobile App Builder with Live Artifact Preview
// An Expo/React Native app that lets you describe apps and see them come to life
//
// Setup:
// 1. npx create-expo-app@latest forge --template blank-typescript
// 2. cd forge
// 3. npm install react-native-webview expo-linear-gradient
// 4. Replace App.tsx with this file
// 5. npx expo start
//
@justinnewbold
justinnewbold / package.json
Created December 8, 2025 15:54
AppForge - AI App Builder with Live Previews
{
"name": "appforge",
"version": "1.0.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "vite build",
"preview": "vite preview"
},
"dependencies": {
@justinnewbold
justinnewbold / App.tsx
Created December 8, 2025 15:45
AppForge - App.tsx (Main Entry Point)
import React, { useState, useEffect } from 'react';
import { View, StyleSheet, Platform } from 'react-native';
import * as SecureStore from 'expo-secure-store';
import { SetupScreen } from './src/screens/SetupScreen';
import { ChatScreen } from './src/screens/ChatScreen';
const API_KEY_STORAGE = 'appforge_api_key';
// Web fallback for SecureStore
const storage = {
@justinnewbold
justinnewbold / appforge-source.md
Created December 8, 2025 15:45
AppForge - AI-Powered App Builder (React Native/Expo) Full project source code. Download the complete project from: https://github.com/justinnewbold/appforge To get started: 1. Create a new repo on GitHub called 'appforge' 2. Upload these files or clone the gist 3. Connect to Vercel for deployment 4. Run with Expo Go on your phone

AppForge Source Code

Project Structure

appforge/
├── App.tsx              # Main entry point
├── app.json             # Expo config
├── package.json         # Dependencies
├── src/
│ ├── components/