Discover leolanese/gulp-es6-seed 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

NextJS-ReactJS-chakra-sw

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

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

VsCode-AngularConnect-2018-conference-take-away

simple-input-toggle

Angular: Simple Angular input toggle using font Awesome

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

feature-carousel2

portfolio

Legacy portfolio

ApacheConf

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

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"

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-RestAPI

Vanilla JS jasonplaceholder RestAPI - using Jasmine

VanillaJS-Theomdbapi-RestAPI

JS-omdb-API-RestAPI

Web-Component is a web standard and can be used across different frameworks, as long as the target environment has support for web components. Exporting our Preact component as a web component, we can use it in other frameworks or environments that support web components.

ReactJS-interceptor

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

Reactjs-react-hook-form_vanilla-react-form

jasmine-base

Jasmine base seed

svelte list movies and favourites

svelte-movie-list-favourites

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

Angular: @ngrx8 + Angular8 seed

angular8-ngrx8-seed

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

javascript conference: jsConf 2012, Leo Lanese

jsconf

POC-3D-DEMO

React: ReactJS: Weather-API

React-weather-API

screensize

screen size detector

NextJS-ReacJS-Bear-Pets

NextJS-ReacJS-Mate-Shop

Angular-Parent<->Child-communcation-speed-testings

Angular-Parent---Child-communcation-speed-testings

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

Leo-Fibonacci

React-number-game

A ReactJS number game