Skip to content

Instantly share code, notes, and snippets.

View Terieyenike's full-sized avatar
🐙
I know nothing, working everyday.

Oteri Eyenike Terieyenike

🐙
I know nothing, working everyday.
61 followers · 24 following
View GitHub Profile
@Terieyenike
Terieyenike / styles.scss
Created November 15, 2023 21:07
Style scss for the Note app
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@100;300;400;500;600');
$primary-color: #551B76;
$text-primary-color: #23315A;
$text-secondary-color: #727A92;
$text-contrast-color: #FFF;
$success-color: #3A8D11;
$warn-color: #FF9800;
$button-border-radius: 4px;
@Terieyenike
Terieyenike / postman visualizer
Created October 12, 2023 01:39
list of beers - punk api
<div class='mt-5 grid gap-10 grid-cols-1 md:grid-cols-3'>
{{#each response}}
<div class='flex justify-center items-end bg-slate-50 shadow-lg relative'>
<div class='p-8 w-full flex items-center flex flex-col'>
<img src={{image_url}} class='w-64 h-64 object-contain' />
<h3 class='text-3xl my-5 font-bold'>{{name}}</h3>
<span class='flex justify-between w-full'>
<span>ABV: {{abv}}%</span>
<span>IBU: {{ibu}}%</span>
</span>
@Terieyenike
Terieyenike / reviews.js
Created July 10, 2023 13:15
Objects showcasing the reviewer name as well as
export const reviews = [
{
id: 1,
reviewerName: "Shyam Nath R S.",
reviewText:
"As always with Jonas's other courses like JS, HTML and CSS I understood everything he told. As an improvement, it was a bit uneasy seeing the date you wrote code is 2019 in some lectures. Wished it was brand new. So can you do some update. Also can you consider incorporating lectures about Websocket, GraphQL, Testing, Node.js with TypeScript, and Deno as these were some topics I see included in another popular Node.js course. Anyways above are just suggestions I could think of and I am 99% happy with this course. Hope Jonas also does courses on mobile app development like React Native, Flutter, or Kotlin as those are things I want to learn next. Thank you Jonas!!",
improvementSuggestions: [
"Update course content to be more current",
"Include lectures on Websocket, GraphQL, Testing, Node.js with TypeScript, and Deno",
"Consider creating courses on mobile app development with React Native,
@Terieyenike
Terieyenike / +page.svelte
Created July 1, 2023 00:49
Showcase the items in the list app
<script>
import { onMount } from "svelte";
import { getList, create } from "../utils";
import { data } from "../store";
import ItemList from "../lib/ItemList.svelte";
let lists = [];
onMount(() => {
getList.then(
@Terieyenike
Terieyenike / ListTodo.vue
Created May 4, 2023 02:45
Update the input text field
<template>
<div class="u-flex u-main-space-between u-cross-center u-width-full-line">
<span class="text">{{ item.todo }}</span>
<div class="u-cursor-pointer">
<span
class="icon-pencil"
aria-hidden="true"
@click.prevent="showModal = !showModal"
:style="{ 'margin-right': space + 'em' }"></span>
<span
@Terieyenike
Terieyenike / post-a-job.js
Created November 18, 2022 15:37
Post a new job
import { useState } from 'react';
import Link from 'next/link';
import Image from 'next/image';
import { useRouter } from 'next/router';
const peeps =
'https://res.cloudinary.com/terieyenike/image/upload/v1667579350/peeps_ed6eci.png';
const defaultFormFields = {
title: '',
@Terieyenike
Terieyenike / index.js
Created November 17, 2022 00:34
Final code for the customer feedback form
import { useState } from 'react';
import Head from 'next/head';
import Image from 'next/image';
import { useRouter } from 'next/router';
const defaultFormFields = {
first_name: '',
last_name: '',
email: '',
company: '',
@Terieyenike
Terieyenike / index.js
Last active November 16, 2022 23:32
Customer feedback form with hooks and function
import { useState } from 'react';
import Head from 'next/head';
import Image from 'next/image';
const defaultFormFields = {
first_name: '',
last_name: '',
email: '',
company: '',
message: '',
@Terieyenike
Terieyenike / index.js
Last active November 16, 2022 22:47
Customer Feedback Form
import Head from 'next/head';
import Image from 'next/image';
export default function Home() {
return (
<div>
<Head>
<title>Customer Feedback Form</title>
<meta
name='description'
@Terieyenike
Terieyenike / App.js
Created August 31, 2022 17:09
Entry point for the product paintings page
import * as React from 'react';
import {
Alert,
Badge,
Button,
Card,
Collection,
Divider,
Flex,
Heading,