Toucan
Boilerplate template using Vue.js, TypeScript and .NET Core 2.1, based on SOLID design principles
Install / Use
/learn @mrellipse/ToucanREADME
toucan!
is an opinionated multi-project solution template, combining .NET Core and Vue.js. The objective is to provide scaffolding for a responsive SPA web application, based on SOLID design principles.

Features
- loading screen
- multiple entry points
- token-based authentication for local & external providers
- two factor verification based on device profile
- role & claims management (NEW)
- comprehensive localization support (server and client)
- global application state/event bus
- hot module reloading for development
- data migrations
For more details about the implementations of features, you can refer to security, localization, server or ui documents
Setup
Your development machine will need to have the following installed.
- .NET Core SDK 2.1
- Webpack 4+
- Node.js
- PostgreSQL or SQL Server
- Visual Studio Code (or a similar text-based editor like Sublime)
Installing
via Yeoman
npm install --global generator-toucan
yo toucan
or using setup instructions
Release History
All ui and server packages are up to date as 16 July 2018. See releases for a history of recent changes
Built With
- .NET Core - .NET Core is a general purpose development platform maintained by Microsoft and the .NET community on GitHub.
- TypeScript - TypeScript is a typed superset of Javascript that compiles to plain JavaScript
- Vue.js - Simple yet powerful library for building modern web interfaces
- Bootstrap - Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
- Axios - Promise based HTTP client for the browser and node.js
- StructureMap - IOC/DI container
Authors
License
This project is licensed under the MIT License - see the LICENSE file for details
Acknowledgments
- Wille Ristimäki for vue.js-starter-template
- Nate Barbettini for SimpleTokenProvider
- Monterail for Vuelidate
- Simon de la Salle Toucan
*[EF]: Entity Framework
Related Skills
diffs
344.1kUse the diffs tool to produce real, shareable diffs (viewer URL, file artifact, or both) instead of manual edit summaries.
clearshot
Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file (png, jpg, gif, webp — websites, apps, dashboards, mockups, wireframes) or commands like 'analyse this screenshot,' 'rebuild this,' 'match this design,' 'clone this.' Skip for non-UI images (photos, memes, charts) unless the user explicitly wants to build a UI from them. Does NOT trigger on HTML source code, CSS, SVGs, or any code pasted as text.
openpencil
2.0kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
HappyColorBlend
HappyColorBlendVibe Project Guidelines Project Overview HappyColorBlendVibe is a Figma plugin for color palette generation with advanced tint/shade blending capabilities. It allows designers to
