Overview Version History Q & A Rating & Review
ReactJS NTC V2
ReactJS NTC V2 is a lightweight VS Code extension that seeds React/Express workshop projects with ready-to-use AWS helper snippets and a sample command. It targets students who repeatedly scaffold the same DynamoDB/S3 boilerplate when building CRUD dashboards.
Features
Set-ExecutionPolicy RemoteSigned -Scope CurrentUser
npx express-generator -v ejs .
Snippet Catalog
Prefix
Description
aws_config_1Load dotenv, configure DynamoDBClient, S3Client, and export shared clients.
aws_middleware_2Multer memory storage middleware for file uploads.
aws_s3_upload_3Helper to push buffers to S3 and return the public URL.
aws_s3_delete_4Remove an object from S3 by key.
aws_controller_getall_5getAllTicket controller with search, filter, and sort.
aws_controller_detail_6Ticket detail fetch via GetCommand.
aws_controller_showadd_7Render the add form with default errors.
aws_controller_add_8Ticket creation logic, validation, discount calculation, and S3 image handling.
aws_controller_showedit_9Prefill edit form with current ticket data.
aws_controller_edit_10Update ticket record, optional image replacement, and S3 cleanup.
aws_controller_delete_11Delete ticket by id.
aws_router_12Express router wiring all ticket routes and middleware.
aws_app.js_13Express app entry with view engine, middleware, and server bootstrap.
aws_view_indexTable_14Ticket list view (table layout).
aws_view_indexCard_14Ticket list view (card layout).
aws_view_add_15Ticket creation form with validation messaging.
aws_view_edit_16Ticket edit form showing current selection and image preview.
aws_view_detail_17Ticket detail card with stock indicator.
Each snippet expands into a complete, commented template so you can mix and match the pieces you need without copying from old projects.
Requirements
Visual Studio Code $\ge$ 1.110.0.
Node.js 20+ (for local extension development or packaging).
Installation
Download or clone this repository.
Run pnpm install (or npm install) to fetch dev dependencies.
Press F5 in VS Code to launch an Extension Development Host and test.
Optionally package via vsce package and install the resulting .vsix.
Usage
Open any JavaScript/TypeScript/HTML/EJS file.
Type a snippet prefix (for example aws_config_1) and confirm with Tab or Enter.
Adjust environment variables, table names, or validation messages as needed.
Run the Hello World command from the Command Palette to confirm activation.
Commands
Identifier
Title
Description
reactjs-ntc-v2.helloWorldHello World
Shows a toast confirming the extension is active.
Extension Settings
This extension does not contribute settings. All behavior is contained within snippets and the sample command.
Known Issues
Snippets assume DynamoDB table EventTickets and environment variables such as AWS_REGION. Rename them after insertion to match your project.
Views reference public/stylesheets/style.css; ensure the asset exists before running the server.
Release Notes
0.0.1
Initial release with AWS boilerplate snippets and the Hello World verification command.
Contributing
Fork and clone the repo.
Create a topic branch.
Run pnpm test (or npm test) to lint and execute the sample test suite.
Submit a pull request describing the new snippet or enhancement.
License
MIT © IKPKITINTER
