create-college-react-kit

create-college-react-kit

Professional React + Vite scaffolding CLI for exam demos, college projects, assignments, and hackathons.

It asks for a product use case, then generates a polished app with:

• Tailwind-based SaaS UI
• Sidebar + top navbar layout
• Cards, table, modals, empty states, loading skeletons
• Inline form validation
• Toast notifications
• Mock backend service layer (getData, create, update, remove) using localStorage
• Demo data ready for presentations

Quick Start

npx create-college-react-kit

Screenshots (generated app)

CLI Examples

# Interactive
npx create-college-react-kit

# Fully non-interactive
npx create-college-react-kit --yes --project-type movie --theme dark --primary violet --modules dashboard,analytics,management,notifications

# Generate and install in one shot
npx create-college-react-kit --yes --project-type ticket --install

Supported Use Cases

• ticket
• flight
• movie
• hotel
• library
• student
• ecommerce
• invoice
• appointment
• hospital
• food
• car
• school
• employee
• inventory
• blog
• chat
• analytics
• portfolio
• fitness
• leaderboard
• quiz
• social
• banking
• expense
• issue
• event
• travel
• recipe
• lms
• legal
• project
• service
• space
• music
• design
• developer

Advanced Options

• --project-type <id>
• --theme light|dark
• --primary blue|emerald|rose|amber|violet|cyan
• --modules all|dashboard,analytics,management,notifications
• --template react|vite|basic
• --typescript
• --ui tailwind|css
• --install
• --yes
• --help
• --version

Generated Project Structure

src/
  components/
  pages/
  layouts/
  modules/
  hooks/
  utils/
  data/
public/
docs/screenshots/
App.jsx
main.jsx

What Gets Generated

• CLI-selected use case config and demo records
• Modern dashboard shell with navigation
• Workspace CRUD panel with validation + confirmation modal
• Charts page blocks (analytics module)
• Use-case specific experience panel (ticket, flight, movie, hotel, library, student + generic engine for others)
• Mock backend service with async delay

Local Development for CLI Package

cd "d:\New folder\create-college-react-kit"
npm install
node ./bin/cli.js --help

Publish Steps

• Update package metadata (author/repository).
• Login:

  npm login
  

• Dry run:

  npm pack --dry-run
  

• Publish:

  npm publish --access public
  

• Verify:

  npm view create-college-react-kit version