Code Monkey home page Code Monkey logo

simplemvc's Introduction

SimpleMVC

{{Work in Progress}}

{ASP.NET 5, MVC 6, EF 7, Gulp, Sass, Compass}

  • Install VS2015 community edition
  • Tools > Extensions and Updates > Product Updates
  • Update SQL server, VS 2015 Update 2, ASP.NET Web Frameworks
  • Open CMD in admin mode
  • Type dnvm to check if it's installed
  • cd to the folder \src\littlevecolita
  • Run dnx ef migrations add Initial
  • Run dnx ef database update
  • Open Task Runner Explorer
  • Run boot or build

Brief

This was initially a project to explore ASP.NET 5, MVC 6, and EF 7 but eventually ended up being a one page application.

Front-end

Several tasks have been implemented in 'gulpfile.js' to compile and minify the Sass and Javascript files. The 'boot' task compiles all the Sass, and Javascript files. The 'build' task is the same but additionally watches any Sass and rebuilds the CSS files accordingly if any changes are detected. All Sass files are compiled and minifed into '/wwwroot/css/custom.css' and '/wwwroot/css/custom.min.css'. Library CSS files and 'custom.css' are then concatenated and minified into 'main.css' and 'main.min.css'. Javascript Files are concatenated and minified into '/wwwroot/js/main.js' and '/wwwroot/js/main.min.js'.

The Sass files are located in 'wwwroot/sass' structured into five folders, 'abstracts', 'base', 'components', 'sections', and 'vendors' appropriately. So far the CSS changes are for '/Views/Neila/Index.cshtml' which uses the '/Views/Neila/_Layout.cshtml'.

Build configurations

Two separate 'appsettings.json' files are utilized for environment specific logging and database connections. Further launch configurations can be configured on separate profiles in Launch Settings ('launchSettings.json'). The application starts up by running 'Startup.cs' with takes in these files into consideration.

To do

Helpful links

simplemvc's People

Contributors

psyanite avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.