The main goal of this project is to create a small site using a custom boilerplate, and avoiding to use front-end frameworks.
A tiny parser has been created to allow a SPA run in vanilla JS. It is, at least still, not yet another complete JS framework and the aim is not to clutter the internet with endless packages but to learn coding - mainly for fun.
This activity is part of the University
Web apps and sites development Master
by Universitat Oberta de Catalunya.
Subject: HTML and CSS tools I. April 2021.
A Git repository can be found at https://github.com/fcesc-code/recipes.git
Deploy status:
The app can be accessed via following links:
- Netlify prod environment
- Firebase prod environment
- Firebase dev environment
- Local dev environment only local dev environment
- Parcel bundler
- Babel to transpile javascript to ES5 in production builds
- Express as development server
- nodemon to watch for file chantes in development environment
- Jest
- sass
- github
- Netlify
- Firebase
- sonarqube
- Lighthouse
- VSCode
- Axios for http requests (both browser and node compatible)
- Navigo
- ESLint for linting
- Prettier as code formatter
- PostCSS
- Magick to resize and format images from shell / bash
- Vanilla JS
- HTML
- HTML Validator: 0 errors | 0 warnings \
- WAVE accessibility validator: 0 errors | 1 alert \
- Jest: 15 tests passed \
- Sonarqube: 0 bugs | 2 code smells | 0 vulnerabilities | 0 security hotspots | 0% code duplication \
- css validator used with the build css: 0 errors | 7 warnings (from autoprefixer code!)
- Github Dependabot security alerts: 3 warnings -> all of which from imagemin... To
Assistant professor Xavier Julián Olmos. Wherever appropriate, credit is given to author as a comment in specific file.
Since I am still a junior developer, I appreciate any given relevant feedback 😃.
Francesc Brugarolas, VanillaJS repo
June 2021
Latest update: August 2021.