👽

Nicolas Leal nicolasleal570

👽

Senior Front-End Developer

nicolasleal570 / App.jsx

Created October 13, 2021 17:20

Inicios en React

	import logo from './logo.svg';
	import './App.css';

	function App() {
	return (
	<div className="App">
	<header className="App-header">
	<img src={logo} className="App-logo" alt="logo" />
	<p>
	Edit <code>src/App.js</code> and save to reload.

nicolasleal570 / cloudSettings

Last active September 17, 2021 16:12

Visual Studio Code Settings Sync Gist

{"lastUpload":"2021-09-17T16:12:47.022Z","extensionVersion":"v3.4.3"}

nicolasleal570 / Modal.tsx

Last active March 25, 2021 21:09

Modal Component

nicolasleal570 / todo-item.component.ts

Last active October 23, 2020 15:54

	@Component({
	selector: 'app-todo-item',
	templateUrl: './todo-item.component.html',
	styleUrls: ['./todo-item.component.scss']
	})
	export class TodoItemComponent implements OnInit {
	@Input() id: Number;
	@Input() title: String;
	@Input() description: String;
	@Input() done: Boolean;

nicolasleal570 / todo-item-.component.html

Created October 23, 2020 15:47

Todo Item HTML

nicolasleal570 / todo-list-.component.ts

Last active October 23, 2020 15:46

TS Todo List Component

	@Component({
	selector: 'app-todo-list',
	templateUrl: './todo-list.component.html',
	styleUrls: ['./todo-list.component.scss']
	})
	export class TodoListComponent implements OnInit {
	todos: todo[] = DEMO_TODOS;

	constructor() { }

nicolasleal570 / todo-list-.component.html

Created October 23, 2020 15:44

HTML Todo List component

	<div class="todo-list">
	<div *ngFor="let todo of todos">
	<app-todo-item
	[id]="todo.id"
	[title]="todo.title"
	[description]="todo.description"
	(onClick)="clickMarkAsDone(todo.id)"
	>
	</app-todo-item>
	</div>

nicolasleal570 / app-routing.module.ts

Created October 23, 2020 03:51

Archivo de rutas de Angular

	import { NgModule } from '@angular/core';
	import { Routes, RouterModule } from '@angular/router';
	import { AboutUsComponent } from './pages/about-us/about-us.component';
	import { HomePageComponent } from './pages/home-page/home-page.component';
	import { PostsPageComponent } from './pages/posts-page/posts-page.component';

	const routes: Routes = [
	{ path: '', component: HomePageComponent },
	{ path: 'about', component: AboutUsComponent },
	{ path: 'posts', component: PostsPageComponent },

nicolasleal570 / example.pipe.ts

Created October 19, 2020 18:49

Pipe Example Angular

	import { Pipe, PipeTransform } from '@angular/core';

	@Pipe({
	name: 'example'
	})
	export class ExamplePipe implements PipeTransform {

	transform(value: unknown, ...args: unknown[]): unknown {
	return null;
	}

nicolasleal570 / users.service.ts

Last active October 18, 2020 17:17

Editando un poco el servicio

	import { Injectable } from '@angular/core';
	import { User } from '../models/user';

	@Injectable({
	providedIn: 'root',
	})
	export class UsersService {
	/**
	* LISTA DE USUARIOS
	*/

	import React from 'react';
	import { motion, AnimatePresence } from 'framer-motion';
	import useOutsideClick from '../../hooks/useOutsideClick';

	interface ModalProps {
	children?: React.ReactNode;
	isOpen: boolean;
	setOpen: React.Dispatch<React.SetStateAction<boolean>>;
	}