Skip to content

A simple (and in development) Front-End Vanilla JavaScript/ES6 boilerplate app made to consume a REST API, following MVC pattern and with a Single Page Routing flow (Can be heavily improved too, just a basic working version for now).

CatinhoCR/es6-mvc-spa

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vanilla ES6 MVC SPA Boilerplate

Outdated project, not to be used for anything other than reference... if anything.

A similar and updated version of this can be found in this other repository

A simple (and in development) front end app made to consume a REST API and work as a single page app made with no frameworks or libraries for personal practice and career development in Vanilla JavaScript (No FE frameworks), eventually to be done with the best practices and latest standards. Focusing on making it work first.

To Do List (Ordered by Priority - Quick Draft)

This kind of sucks, but so does... - (insert dumb joke here)

I was going to say not having (free) time and rushing deadlines but whatever...

  • Implement Observer Pattern. Make model observable and view observer so changes are rendered automatically instead of having to re-render and re-everything on updates...
  • implement Event Emitter interface to check for clicks... this is almost callback hell but for noobs. LOL
  • Clean up code
  • Document and comment code
  • Testing
  • Boilerplate the #$^% outta this repo...

Notes To Self

There are several things to do. I've tried keeping code as clean and clear as possible, but still need to optimize this, document code properly, improve a lot of stuff and implement some new cool things to build a nice reusable Vanilla ES6 FrontEnd MVC Boilerplate. This Boilerplate is the new goal of this repository. Just for fun and practice. Look for // *** TODO: for comments on things still to do, improve or implement throughout the JS files.

Installation

You will need Node and NPM installed to get this running. Will eventually move this to a Yarn build maybe and etc. Live-Server

npm install

Usage

Only has 1 script for now, for development. Will work on this later. Live-server

live-server --host=127.0.0.1 --port=8000   
npm run build

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate. (Not done yet...)

License

MIT

About

A simple (and in development) Front-End Vanilla JavaScript/ES6 boilerplate app made to consume a REST API, following MVC pattern and with a Single Page Routing flow (Can be heavily improved too, just a basic working version for now).

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published