Skip to content

Instantly share code, notes, and snippets.

View matoni109's full-sized avatar

Chris matoni109

14 followers · 34 following
View GitHub Profile
@matoni109
matoni109 / dropdown_controller.js
Created January 28, 2022 20:31
import { Controller } from 'stimulus';
export default class extends Controller {
static targets = ['menu', 'button'];
static values = { open: Boolean };
connect() {
this.toggleClass = this.data.get('class') || 'hidden';
this.visibleClass = this.data.get('visibleClass') || null;
this.invisibleClass = this.data.get('invisibleClass') || null;
@matoni109
matoni109 / App.js
Last active May 4, 2021 06:03
import React, { useState, useEffect, useCallback } from "react";
import MoviesList from "./components/MoviesList";
import "./App.css";
import AddMovie from "./components/AddMovie";
function App() {
const [movies, setMovies] = useState([]);
const [isLoading, setIsLoading] = useState(false);
const [error, setError] = useState(null);
@matoni109
matoni109 / events_controller.rb
Created April 7, 2021 03:38
require 'open-uri'
require 'json'
require 'uri'
require 'net/http'
require 'date'
# rubocop:disable Metrics/ClassLength
class EventsController < ApplicationController
before_action :find_event, only: [:show]
before_action :c_user, only: [:show]
@matoni109
matoni109 / seeds_api.rb
Created April 7, 2021 03:34
require "open-uri"
require 'json'
require "uri"
require "net/http"
require 'date'
puts "I've attached the API Seeds File !! "
## get the first access token
def get_initial_token
client_id_key = ENV["MEETUP_KEY"].to_s
@matoni109
matoni109 / show.html.erb
Created January 24, 2021 03:14
<div class="map" style="height: 40vh; background-image: url('https://images.unsplash.com/photo-1494526585095-c41746248156?w=1200')"></div>
<div class="container">
<div class="row">
<div class="col-8 margin-top-negative">
<div class="card py-3 my-3" style="width: 100%;">
<div class="card-body ">
<h2 class="card-title">
<%= @cocktail.name %>
</h2>
<h6 class="card-subtitle mb-2 text-muted">
@matoni109
matoni109 / 02.methods.rb
Created January 17, 2021 04:55
# METHODS
i String#upcase
# https://www.foragoodstrftime.com/
# https://www.shortcutfoo.com/app/dojos/ruby-dates/cheatsheet
require 'date'
def days_to_xmas
x_mas = DateTime.new(2020,12,25)
@matoni109
matoni109 / index.html
Created December 17, 2020 10:15
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Weather</title>
<link rel="shortcut icon" href="data:image/x-icon;" type="image/x-icon">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
@matoni109
matoni109 / index.html
Created December 15, 2020 10:41
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="data:image/x-icon;" type="image/x-icon">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<title>Geocoder</title>
@matoni109
matoni109 / index.html
Last active December 15, 2020 10:42
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="data:image/x-icon;" type="image/x-icon">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<title>Geocoder</title>
@matoni109
matoni109 / app.js
Created December 15, 2020 10:32
// TODO: Write your JS code in here
//
//
import mapboxgl from 'mapbox-gl';
// select the form
const submit = document.querySelector('#form');
const address = document.querySelector('#address');
const geoCords = document.querySelector('#geo_cords');
// get the users address
submit.addEventListener('submit', (event) => {