Discover SanyaOdare/async-callbacks-promises-asyncawait Open Source

A responsive Grid CSS web layout built on grid template areas and including other CSS features like flexbox.

responsive-grid-web-layout

Professional table with colored cells - built with HTML and CSS. It has cool CTA buttons nested within the cells.

promotion-plans-table

This game uses JavaScript library called Phaser.js which makes creating games faster.

bob-business-outfitted-game

My Git, GitHub Version Control demo

vc-demo

rotating-navbar-animation

sanyaodare.github.io

A simple game to dribble the ball using any key on a keyboard.

Dribble-Ball-Game

scroll-content-animation

sample-react-app

Animated hidden search widget.

hidden-search-widget

Simply to demonstrate how DOM events can fire in a browser

Random-Color-Generator

sanya-week-05-mione-clone

animated-navigation

arc-technical-task-bysanya

Simply experimenting with Git, GitHub and Version Control

vc-demo-2

minimal-sidebar

Simple sidebar with mobile toggle feature

A Movie App built with a third party API from themoviedb.org which fetches and renders giant database of movies. It has features such as ratings, titles, images, show popular movies, search functionalities, etc.

movie-app

This project contains fixed expanding cards transitions. It was built with Vanilla JavaScript, CSS and HTML.

local-to-remote

expanding-cards-slideshow

client-side-form-validation

Simple demonstration of form validation using JavaScript.

A catalog of menu with descriptions and prices.

menu-with-prices

simple-counter

css-animation-n-transition

Minimalistic navigation bar

simple-navbar

drink-water-fun-app

Simply a fully responsive modern portfolio using pure HTML, CSS and Vanilla JavaScript.

sanyaodare-portfolio

github-finder

An all around look at CSS components and other Bootstrap features - jumbotron, quick floats, buttons, forms, tables, progress bar, images, badges, grids, alerts, etc.

bootstrap-hands-on

The user type inside the textarea and it gets added below. To create another choice, the user put a comma at the end of previous choice and start to type again.

random-choice-picker

A smartwatch that shows current time and also have cool alarm feature - built with Javascript date object and setTimeout API.

smartwatch-with-alarm

incrementing-counter

newsletter-signup

This is an interactive game to help beginner-level piano students study.

Piano-Keys-Interactive-Game

A neon button effect with glowing reflection done using CSS.

neon-button

music-player

This is essentially one of many tasks I was given as an HNG17 intern.

my-hngi7

react-todolist-app

My attempt at React's fundamentals such as components, state, props, JSX, events, etc

Simple booklist app in object oriented fashion - using ES6 classes

booklist-app-vanilla.js

Simply to show how promises and async / await can help simplify async programming

promises-n-async.js

progress-steps-indicator

This is a self-paced coding challenges to grow my JavaScript knowledge.

21-Day-Coding-Challenge

color-flipper

A Tic Tac Toe game application built with the ReactJS library

tic-tac-toe-react-app

A React App for organizing meet-ups.

meetup-react-app

My personal attempt at building a fully functional e-commerce shopping cart - using vanilla JavaScript, CSS3 and HTML5.

shopping-cart

page-review

WorkAround is a research organization that provides data on salary trends in the tech industry. This web app allows users to choose specific roles and companies in the tech industry in order to see various information.

workaround-explorer

My first attempt at using Github

hello-git

x-box-split-landing-page-clone

Xbox split landing page clone - built with JavaScript, CSS3 and HTML.

This is a simple social network for pets. It allows users to view a pet’s profile (which contains their name, bio, and friend list) and navigate to other profiles. There is also a profile directory where users can see all of the profiles.

all-pets-social

dictionary-app

Dynamic accordion menu built with HTML, CSS and vanilla JavaScript

accordion-menu

netflix-landing-page-clone

faq-collapse

Minesweeper game functionality with vanilla JavaScript using recursion

minesweeper-game-vanilla.js

carousel-slideshow

welcome-to-lagos

angular-todolist-app

cool-avatar-list

modal-react-app

team-ubong-n-sanya

This is an attempt to clone Kithub Landing page Template using HTML, CSS, and Bootstrap. My collaborator for this project is @ubyjay.

todo-app

My attempt at using Bootstrap for a multi page website

afrikana

simple-popup-box-onclick-with-js

netflix-landing-page-clone.github.io

dog-ecommerce-site

blurry-loading-effect

sanya-covid-19-estimator

Form input with cool wavy effect - all done with JavaScript, CSS and HTML.

minlengbe

form-input-wave-animation

A responsive website built with HTML5 and modern CSS techniques such as CSS Grid, Flexbox, pseudo selectors, animation, etc. The form validation and functionality were done via Netlify.

airaki-responsive-website

javascript-es6-sandbox

This is my personal practice of what's possible with JavaScript ES6.

A todo list application with features such as add Items, delete from the list, mark item as done or completed, edit an item in the list and clear the entire list.

sanya-week-09-todo-list-assignment

rock-paper-or-Scissors

JAVASCRIPT CONDITIONALS AND FUNCTIONS

A simple application that displays in front and deactivates all other page content.

lightbox

Fetch API sandbox for making requests and fetching resources - to get data from local resources as well as a remote API.

fetch-sandbox-api

A program that helps designers think of new color schemes once the screen’s background is set to a random color. Clicking a button will refresh to a new, random color.

random-color-picker

This is a stylish multi-page interactive website of an online musical instruments store. …built with my knowledge of HTML5, CSS3, JavaScript, and Handlebars. Handlebars is a library that compiles templates into JavaScript functions. This makes the template execution faster than most other template engines.

Musically

This is a live news website - built with vanilla JavaScript, CSS3 and HTML5. The API for this website is from [ https://inshorts.deta.dev/news?category=science ] - with async and await function.

news-website

sanya-week-04-portfolio-assignment

A practical demonstration of using HTML5, CSS and a bit of JavaScript to build a contemporary portfoilio website.

I built this Dad Jokes application using Fetch API to make a request and fetch jokes from "icanhazdadjoke.com". Simply click the "Get Another Joke" button in order to get a new joke.

dad-jokes

This is a minimalistic application built with vanilla Javascript, CSS3 and HTML5. It has button click count feature and a reset button as well.

button-click-count

log-my-food-app

This is a CLI application that allows users to log what they've eaten.

Event Keycodes is a mini application that shows the key code and the code for any key on the keyboard - when a key is hit. ...built with JavaScript, HTML and CSS.

event-keycodes

easy-quiz-app

This app fetches and renders data from the Trivia API. It has features such as prompting the user to provide username - before the questions are loaded. After the test is taken, the app displays the user's score simultaneously with other top three scores. If current user's score is among top 3, the app displays the top three.

family-image-gallery

Image slider with background image change feature. I created an event listener on buttons with JavaScript which when clicked changes the image and the background image positioned appropriately - simultaneously.

background-image-slider

A a single-page website that plays a fully-functional game - using HTML, CSS, and JavaScript to interact harmoniously in order to produce a dynamic website.

Chore-Door-Game

Essentially to display VanHack's upcoming events / activities such as MeetUp, Leap, Recruiting Mission, VanHackathon, Premium-Only and Open Webinar.

vackhack-by-sanyaodare

facebook-clone