Pinned Repositories
21-Day-Coding-Challenge
This is a self-paced coding challenges to grow my JavaScript knowledge.
accordion-menu
Dynamic accordion menu built with HTML, CSS and vanilla JavaScript
afrikana
My attempt at using Bootstrap for a multi page website
airaki-responsive-website
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.
dictionary-app
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.
github-finder
movie-app
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.
news-website
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.
video-share-react-app
This React App was built with the newest version of Material UI. It has features such as New Video Section, Custom Category, Responsive Channels and Video Cards, Channel Pages, and Video Pages where a video can be played straight from the app as well as view the latest videos. Credit to RapidAPI from where data in this application were fetched.
SanyaOdare's Repositories
SanyaOdare/angular-todolist-app
SanyaOdare/arc-technical-task-bysanya
SanyaOdare/background-image-slider
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.
SanyaOdare/expanding-cards-slideshow
This project contains fixed expanding cards transitions. It was built with Vanilla JavaScript, CSS and HTML.
SanyaOdare/sanya-covid-19-estimator
SanyaOdare/sanyaodare-portfolio
Simply a fully responsive modern portfolio using pure HTML, CSS and Vanilla JavaScript.
SanyaOdare/tic-tac-toe-react-app
A Tic Tac Toe game application built with the ReactJS library
SanyaOdare/video-share-react-app
This React App was built with the newest version of Material UI. It has features such as New Video Section, Custom Category, Responsive Channels and Video Cards, Channel Pages, and Video Pages where a video can be played straight from the app as well as view the latest videos. Credit to RapidAPI from where data in this application were fetched.
SanyaOdare/background-text-animation
SanyaOdare/button-ripple-effect
SanyaOdare/drag-n-drop
This "Drag N' Drop" application has five styled boxes and one of the boxes has a random image from Unsplash. I was able to implement several events.
SanyaOdare/fetchdata-withaxios-react-app
This React App demonstrates how to fetch data using axios inside a useEffect hook.
SanyaOdare/gist-react-app
Gist is a social media react app with features such as the Homepage, Sticky Navbar, Left and Right Menus, Posts, Comments, User Stories, Light and Dark Mode functionality, User information stored to localStorage, etc.The Profile page has user’s information, posts, etc. Gist also has the Login and Register page for active users page for new users.
SanyaOdare/glassmorphism-login-form
A responsive login form with an elegantly translucent as well as transparent look and feel and attractive background, floating labels, and a button to toggle password visibility - built with HTML, CSS, and JavaScript.
SanyaOdare/html-practice
The html and css challenges in this section are larger, and will require a bit more exploration and trial and error to put into practice, but the results can be very rewarding.
SanyaOdare/js30dayschallenge
I decided to challenge myself to build 30 applications in 30 days with vanilla javascript. Wish me luck - lol!
SanyaOdare/Mentor-Management-System-Team-3
Mentors Management system is a people management app that enables proper. coordination of mentors needed to execute projects, ranging from recruitment to off-boarding.
SanyaOdare/mytodos-react-app
MyTodos React App is my attempt at using React.js to perform CRUD operations. The Add button stores all todos in the local storage. The App is responsive courtesy of Bootstrap.
SanyaOdare/northcoders-intro-week-sprint
The challenges in this section are larger, and will require a bit more exploration and trial and error to put into practice, but the results can be very rewarding.
SanyaOdare/ortentik-news-base
SanyaOdare/paginated-data-app
This is a very simple frontend app that fetches data from Random API and renders the fetched data in a HTML table which has five rows. The user is allowed to click Next or Previous button in the interface.
SanyaOdare/parallax-gallery
SanyaOdare/qr-code-generator
This QR Code generator was developed using Qrious JavaScript library with HTML5 Canvas. Installing Qrious via NPM is required .
SanyaOdare/responsive-form-submit
This is a highly responsive form which I built to make the two columns stack on top of each other instead of next to each other - whenever the screen is less than 600px. Each input field is required. I also use "POST" method to send data to a mock server. Vanilla JavaScript, CSS3 and HTML5.
SanyaOdare/sanyaodare-hng-x-stageone
This is simply to create a Frontend Page with specific elements - using HTML, CSS and JS that showcases specific personal and real-time data attributes. Each required element should have a specified data-testid attribute for easy identification and testing.
SanyaOdare/storageconnect-homepg
SanyaOdare/techgiva-hngi9-task1
This application is like Linktree that allows a person show their personal profile and link to various digital merchandise.
SanyaOdare/theme-clock
SanyaOdare/toosh-dashboard-react-app
SanyaOdare/weather-react-app
Simply "getting my hands dirty" with Reactjs.