Web Design AI Header

Duplication 1: Professional CRUD Application

Using Demo 3 as your guide, create a professional, polished CRUD application with a unique theme, custom database schema, and clean codebase with no leftover example files.

Assignment Objectives

  • Follow Demo 3 workflow to create a completely unique professional application
  • Design and implement custom database schema with realistic data for your chosen theme
  • Remove ALL example files and create clean, production-ready codebase
  • Apply custom branding, styling, and theme throughout the application
  • Deploy successfully to production with proper collaboration access

Assignment Instructions

Your Task: Recreate the Demo

Your goal is to duplicate the demonstration project you just watched. This is a hands-on assignment where you'll build the same project independently.

Requirements:
  • Follow the same steps shown in the demonstration
  • Implement all the features demonstrated
  • Use similar code structure and naming conventions
  • Test your implementation thoroughly
  • Submit your completed project

Important: This is independent work. Try to complete it without looking back at the demo unless absolutely necessary.

Assignment Details

Objective

Following the workflow from Demo 3, create a professional CRUD application with a unique theme and custom database schema. Your final application should be well-polished, contain at least one CRUD table, and have all example files removed for a clean, production-ready codebase.

Step 1: Follow Demo 3 Workflow

  • Use Demo 3 as your complete guide for the development process
  • Create new repository from CRUD F25 template
  • Set up Heroku app with auto-deployment and JawsDB MySQL
  • Configure local development environment with virtual environment
  • Use Claude AI assistance throughout the development process

Step 2: Custom Schema and Blueprint Creation

  • Design a custom database schema for your unique theme (business, hobby, organization, etc.)
  • Use Claude AI to create and deploy your custom schema with realistic seed data
  • Have Claude generate new blueprint and template based on your schema
  • Ensure all CRUD operations work: Create, Read, Update, Delete with modals
  • Test functionality locally before proceeding

Step 3: Professional Polish and Clean-Up

  • Remove ALL example files: Ensure no leftover example templates, blueprints, or references remain
  • Customize the application title, branding, and theme to match your project
  • Add professional styling and colors that align with your chosen theme
  • Update navigation and page titles to reflect your unique application
  • Ensure the application looks professional and production-ready

Step 4: Thorough Testing and Quality Assurance

  • Test all CRUD operations thoroughly: add, edit, delete, and view data
  • Verify all modals work correctly and forms submit data properly
  • Check that no example data or placeholder content remains
  • Ensure all navigation links work and page titles are correct
  • Debug any errors using Claude AI assistance

Step 5: Production Deployment

  • Use Claude AI to commit and push all changes to GitHub
  • Monitor Heroku auto-deployment and build process
  • Test the production application thoroughly
  • Verify all functionality works on the live site
  • Ensure no errors or broken features in production

Step 6: Submission Guidelines

  • Add bamarshall06 as collaborator on GitHub repository
  • Add bamarshall06 as collaborator on Heroku project
  • Submit only the Heroku project name (not URLs) in GeorgiaView
  • Example submission: "cbis4210_dup03_lastname"

Final Quality Check Before Submission

  • ✨ NO Example Files: All example templates, blueprints, and references completely removed
  • 🎨 Professional Appearance: Custom branding, styling, and theme throughout
  • 🗄️ Custom Schema: At least one CRUD table with relevant, realistic data
  • ⚙️ Full CRUD Functionality: All operations work perfectly with proper modals
  • 📱 User Experience: Navigation, titles, and content all match your theme
  • 🚀 Production Ready: Application runs flawlessly on Heroku
  • 🤝 Access Granted: bamarshall06 has collaborator access on GitHub and Heroku
  • 📤 Submission Complete: Only Heroku project name submitted in GeorgiaView
🎯 Key Success Criteria:

This is NOT Demo 3 with minor changes. This should be a completely unique, professional application.

The instructor should see ZERO trace of example files or placeholder content.

Back to Demo 3 Continue to Module 4