SummitU Blueprint

SummitU Blueprint is a VS Code extension designed to assist students navigating through the Summit University Full-Stack course by providing easy-to-use HTML, CSS, and JavaScript snippets. These prebuilt code templates help students focus on learning core concepts without getting lost in unnecessary complexities.

Features

HTML Snippets: Quickly insert commonly used structures like cards, forms, tables, and modals. CSS Snippets: Predefined styles for containers, buttons, headers, and more. JavaScript Snippets: Handy functions for arrays, loops, conditions, and object manipulation. Easy Commands: Insert templates using VS Code commands (Ctrl+Shift+P → select snippet). Supports Multiple Languages: Organizes templates into HTML, CSS, and JavaScript categories.

Installation

You can install SummitU Blueprint directly from the VS Code Marketplace:

ext install summitu-blueprint

Or manually via vsce:

vsce install summitu-blueprint

Usage

To insert a snippet, open Command Palette (Ctrl+Shift+P or Cmd+Shift+P on Mac) and search for one of the following:

📌 HTML Templates

Insert Basic Card Insert Profile Card Insert Modal Insert Navigation Bar Insert Table

🎨 CSS Styles

Insert Card Styles Insert Container Styles Insert Header Styles Insert Button Styles

⚡ JavaScript Functions

Insert Base Object Insert Array Map Function Insert Filtering Function Insert Ternary Condition

Requirements

VS Code v1.97.0 or later No external dependencies required.

Extension Settings

Currently, this extension does not require configuration settings.

Known Issues

• None reported at this time. Please report issues via GitHub Issues.

Release Notes

1.0.0 (Initial Release)

• Added HTML, CSS, and JavaScript template insertion.
• Organized command mapping for easier use.

1.1.0

• Improved formatting for inserted snippets.
• Added additional styles for buttons, cards, and modals.

1.2.0

• Introduced JavaScript utilities such as loops, conditionals, and array functions.
• Enhanced command registration for better performance.

Contributing

We welcome contributions! To contribute:

1. Fork the repository.
2. Create a feature branch.
3. Commit changes and open a PR.

For More Information

VS Code Extension Guidelines Markdown Syntax Reference

**Enjoy coding with SummitU Blueprint! 🚀