Discover leolanese/portfolio Open Source project

Open Source JavaScript Resources place

Open-Source-JS-Resources

JS_ES6_workshop

The road to ES6 JS: New solutions for old JS problems.

Functional-Programming-buzzwords

Short definitions of Functional Programming key concepts

angular-utility

AngularJS: A collection of AngularJS services that helps me, and I hope these can help you too

Using SSR: NextJS and ReactAPI ( WeatherStack-API)

React-NextJS-weather

This is the second part of the Functional Programming introduction, and a more practical approach than theory one.

Becoming-Functional

Angular-Signals-StandAlone-Shopping-Cart

Angular (17+) using Signals service and stand-alone components producing a Shopping-Cart

Standalone Angular components are components that can be used independently of an Angular application. This means that you can use them in a web page that is not Angular-based, or you can use them in a different framework altogether.

Angular16-Stand-Alone-ComponentPartI

ReactJS hooks parse API Demo.

React-abort-fetch-api-with-hooks

Angular: Angular filtering list Array of Object

Angular-rxjs-filtering-list

A default JSHint configuration file

JShint

Angular-NodeJS-RestAPI

Angular + NodeJS REST Api - Full Stack Development Workflow

AngularJS: Angular-base using Firebase DB (AngularFire Services) with RequireJS, Bower, Grunt, SASS, Jasmine, Karma and RWD skeleton project

angular-firebase

Using Formik to Handle Forms in React

React-formik-form

AngularJS: This is a simple Responsive Web Boilerplate table using AngularJS. So you can kick-start your 'table' module with using AngularJS, RWD tables with Bootstrap CSS.

Angular-table

AngularJS: We are going to set-up step-by-step and out of the box Bootstrap and some AngularJS recommended modules, AngularFire and Firebase Simple Login and quickly view how to use 3-way-data-binding:

angular-chat

Using RxJS observable, AJS2/4 and Restful http request to parse an array of objects

AJS4-http-request

Angular8-seed

Angular: Angular8 Seed

Full-Stack Angular-NodeJS. Simple using FE Angular and NodeJS as BE

Angular-NodeJS

React-multiple-form-input-type

Angular-Signal-RestAPI

react-rwd-navbar

Angular: Angular 10 docking

Angular-dockerizing-app

NodeJS playground - Scripts, Fetching Mock data, reading files sync, async (small and large) and Serving real API data

NodeJS-playground

Angular-Profile

Angular Profile CV Seed

NextJS + MUI playground. Sandbox for NextJS & MUI with examples

NextJS-MUI

seed-typescript-tsc

Angular: Simple Angular input toggle using font Awesome

simple-input-toggle

NextJS-ReactJS-chakra-sw

Javascript: A vanilla javascript updated version of the feature carousel.

feature-carousel2

AngularConnect 2018 conference: My VsCode Can do that take-away

VsCode-AngularConnect-2018-conference-take-away

Angular18-PWA-Testing-Badging-API

Angular18+ PWA: Testing new Badging-API

react-redux-saga-crud

a vanilla responsive framework

VSCode-IDE-development-settings

IDE settings

python-by-example

python-playground

Python

beresponsive

CSS

reactjs-todo-list

ReactJS: reactjs-todo-list

Apple Music-List using Angular, RxJS and Angular Material

Angular-apple-music-lists

express-nodejs mockAPI and testing playground

express-nodejs

A ReactJS the D&D battle between the Player and the Monster (using D6 system)

reactjs-the-battle

Angular Reactive login Form using @Output() and Unit-Test

angular-authentication-service

React-dockerizing-app

react-dockerizing-app

javascript conference: jsConf 2012, Leo Lanese

jsconf

Angular search and filtering project

Angular-Fetch-Search-Filtering

Angular (17+) using Signals service and stand-alone components to handle API payloads

Angular-Signal-API-Request

React: react-seed using typescript, jest, prettier, ESlint, react-routers, sass, and bootstrap

React-seed

the-new-multi-screen-world

Future-ready

Angular backbone deployment to use tailwind

Angular-TailwindCSS

CSS

vue-todo-list

VUE: VueJS a TODO: list

Vue

Angular-Storybook-Chromatic-CDD

Chromatic is a Visual Regression Test Suit: It can be used to test UI changes in Storybook. take snapshots before and after pushing, and make a comparison automaticly It lets them visually tests stories automatically and publish their Storybook for others to reference. QA can often feel like the world's longest game of "spot the difference"

gulp-es6-seed

A place to debate about the best way to code good JS

JS-Best-Practices

React-hook-form

React: React-hook-form

Dockerize Development Environment

Dockerize-Development-Environment

Dockerfile

JS-omdb-API-RestAPI

VanillaJS-Theomdbapi-RestAPI

Creating forms using `react-hook-form` and `vanilla react`

Reactjs-react-hook-form_vanilla-react-form

jasmine-base

Jasmine base seed

Angular car dealer shop using RxJS and Angular Material

Angular-car-dealer-shop

Angular: Angular 12 + Jest + Angular-test-library

Angular-jest-angular-test-library

RWD React Meganav using `react-css-transitions`, flex and props.

react-meganav

a "grid rule" over your Mobile web

rulegrid

Angular (16+) Web Elements POC

Angular-Web-Elements

Lets Create an standAlone component, with a reactiveForm (https://angular.io/guide/reactive-forms) using Signals. In this example we use Angular Signals to represent form control values as signals. firstNameSignal is created using the toSignal function

Angular-Signal-ReactiveForms

Angular-Signup-Walkthrough

Angular Sign-up

Angular-dynamic-template-standalone

web-workers-interceptors

Vanilla JS Web Workers

Angular-seeds-custom-boilerplaits

Angular: Angular 8 seed

NextJS, on top of ReactJS using BlitzJS demo

NextJS-ReactJS-BlitzJS-repo

Angular-CRUD

Angular CRUD

AngularJS: Boilerplate for an RWD clickable tab. Kick-start your module using Routes with Bootstrap.

angular-tabs

svelte list movies and favourites

svelte-movie-list-favourites

This is a Lab playground.

Software-Lab

CSS

Angular-ngrx-seed

Angular: Redux @ngrx8-seed

tslint starting project - Based on e codelyser, rxjs-tslint and tslint basic rules

tslint

React-search-API

A Search API: Using MEAN JS and Bootstrap

Building a RESTful API With NodeJS, Express, & MongoDB

NodeJS_TODO_LIST

web-workers-interceptors-cookies

JSON-API-Search

Angular: Testing @ngrx8 with Entity using Angular8

test

Angular: Testing @ngrx8 with Entity using Angular8

Angular-ngrx-entity

Practical Functional Programming

Practical_Functional_Programming

React-typescript-jest-prettier-cypresss-husky-boilerplate

React typescript jest prettier cypresss husky into one boilerplate

POC-3D-DEMO

React: ReactJS: Weather-API

React-weather-API

screensize

screen size detector

NextJS-ReacJS-Bear-Pets

NextJS-ReacJS-Mate-Shop

Angular: @ngrx8 + Angular8 seed

angular8-ngrx8-seed

This is the code of my presentation during the spainJS conference Madrid.

spainjs

The road to ES* JS: New solutions for old JS problems.

ES--new-features

Angular-RestAPI-Rxjs-Material

Angular 9 + REST API + RxJS Observables and UI Material CRUD examples

Angular TypeScript Component to display a simple switcher, capture the event and emit it

Angular-switcher

SCSS

angular-filters

AngularJS: Angular filters

Portable Portfolio using KnockOut MVC

Leo-Fibonacci

Portfolio-JS

React-number-game

A ReactJS number game

.gitconfig: Writing to global ~/.gitconfig file rather than the repository .git/config

gitconfig

100

i18n-node

i18n-node generates a base nodeJS internationalization JS