Projects in Awesome Lists by younusaliakash
A curated list of projects in awesome lists by younusaliakash .
https://github.com/younusaliakash/vue-js-landing-page
This is an amazing landing page created using Vue 3. Here the entire application architecture is designed using vue.js latest directives and setup script API.
Last synced: 01 Feb 2025
https://github.com/younusaliakash/vanilla-js-google-chrome-time-extension
A great extension for the Chrome browser. This will show the local time in the browser. It also has a stop watch option where you can set the time. After the specified time you set it will notify you with a browser alarm.
browser-extension chrome-apis chrome-extension css google-chrome html javascript web-extensions
Last synced: 10 Apr 2025
https://github.com/younusaliakash/home-fix-agency-client-site
A plumbing service agency project font-end. The project allows a client to generally order any service from their homepage. You can make an account. can pay You will see the past orders.
css firebase react-icons react-router reactjs
Last synced: 26 Mar 2025
https://github.com/younusaliakash/younusaliakash
It's a special repo. This is all about my working status using GitHub workflow and other API's.
github github-actions markdown readme
Last synced: 05 Dec 2024
https://github.com/younusaliakash/vanilla-js-form-validator
Simple client side form validation. Check requird, length, email and password match
css dom form html js validation
Last synced: 05 Mar 2025
https://github.com/younusaliakash/vuejs-user-dashboard
A user dashboard is created with vue.js and tailwind css where the information about the user is given and the user can change it if he wants.
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vanilla-js-custom-video-player
Custom video player using the HTML5 video element and it's JavaScript API with a custom design
css dom-manipulation html javascript video-api
Last synced: 26 Mar 2025
https://github.com/younusaliakash/sound-board
Sound Board is an audio app built using the html5 audio api to play different audios depending on the click event.
audio-api css html vanilla-javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/nodejs-expressjs-graphql-practice
initialized a very basic graphQL project with the help of Express and node JS. Here I have tried to the RESTful API convert into graphQL API.
apollo-server expressjs graphql mongodb nodejs
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vanilla-movie-seat-booking-app
Display movie choices and seats in a theater to select from in order to purchase tickets
booking-system css dom-manipulation html javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vanilla-js-infinite-scroll-blog
Display blog posts from jsonplaceholder and add infinite scroll to fetch posts and also add filter box
css html infinite-scroll javascript jsonplaceholder-api
Last synced: 26 Mar 2025
https://github.com/younusaliakash/mern-emarket-ecommerce-client-site
A front end design and development project at a very basic level. Where a minimalistic backend is used for near real-time front-end application development. A very nice user interface has been tried to be realized.
css firebase reactjs ui-components
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vanilla-js-sortable-drag-and-drop-list
Display a scrambled list that can be sorted with drag and drop
css dom-manipulation drag-and-drop html javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vanilla-js-music-player
Create beautiful UI to play music stored in the "music folder" using the HTML5 audio API
audio-api css html javascript music-player
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vanilla-js-flipable-memory-card
Flash card app for learning. Display, add and remove memory cards with questions and answers
css css-animations dom-manipulation html javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vanilla-js-typing-game
Game to beat the clock by typing random words
css dom-manipulation html javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/dnd-board
Discover a user-friendly drag-and-drop board resembling a Kanban setup. Easily create, move, and edit columns with a click. The application, built with React JS, dnd-kit, and Tailwind CSS, allows seamless organization without relying on a database. Effortlessly manage tasks and their positions within a simple, single UI interface.
Last synced: 26 Mar 2025
https://github.com/younusaliakash/react-socket-notification
Developed a real-time notification system with the help of react JS and socket.io
Last synced: 26 Mar 2025
https://github.com/younusaliakash/react-gsap
3 types of wonderful photo gallery slideshow apps using the modern and interactive animation library GSAP3.
animation css gsap3 photo-slideshow reactjs
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vanilla-js-drawing-sketch-pad
This is a sketchbook app. The app is built using HTML Canvas.Here you can draw different types of sketches and they will be automatically saved to the local store.
canvas css dom-manipulation html javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vanilla-js-speeh-to-text-reader
A text to speech app for non-verbal people. Pre-made buttons and custom text speech. This project uses the Web Speech API
css dom html javascript speech-synthesis
Last synced: 26 Mar 2025
https://github.com/younusaliakash/email-signature
Awesome user interface cable and mobile-friendly email signature template to where I have to use HTML and CSS and some in the photos for logos
css email-signature-template html template
Last synced: 26 Mar 2025
https://github.com/younusaliakash/invoive-generator
An invoice generator app developed by vue.js 3 where a user can generate a custom invoice by adding different products and their variants and price and quantity and can modify it by importing any previous invoice here
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vuejs-pinia-todo
A very simple tod application built with vue.js and the state management library pinia where a user can create a todo by registering and edit and delete as needed.
Last synced: 26 Mar 2025
https://github.com/younusaliakash/quiz-app
This is an amazing quiz app where four options are given for each quiz and selecting any answer and clicking on the submit button will show the options for the next quiz and at the end a user will show the results achieved.
Last synced: 26 Mar 2025
https://github.com/younusaliakash/javascript-dom-project-guess-the-number-by-speech-recognition-api
Number guessing game where you speak your guess into the microphone using the speech recognition API
css dom-manipulation html js speech-recognition speech-to-text
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vue-quiz-app
This is a quiz app built with Vue JS front-end library where there will be many questions and clicking on them will move to the next question and after completing all the questions it will show the result depending on the answer given by the user.
Last synced: 26 Mar 2025
https://github.com/younusaliakash/reactjs-flight-widget
Explore the magic of an airport departure board on your screen! Powered by React.js and CSS, this widget offers a user-friendly interface with dynamic flight details and playful flipping animations. Elevate your web experience with this delightful project.
Last synced: 26 Mar 2025
https://github.com/younusaliakash/web-automation-cookie-consent
Capture screenshots of a webpage with cookie consents, ads, and offers. Take one after removing the popup and another after accepting it. Ensure clarity and accuracy in your screenshots.
cookie-consent puppeteer web-automation
Last synced: 26 Mar 2025
https://github.com/younusaliakash/perspective-playground-react-and-vue
An app where different values of transform property of CSS can be manipulated to create different types of backgrounds from webpages.
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vue-js-developer-notation
This is a documentation, where a document is created with Vue.JS plugins, interview questions, various life cycle methods and all the necessary tools.
Last synced: 26 Mar 2025
https://github.com/younusaliakash/insect-catch-game
This is a game application where on clicking the play now button some options will be given from which a user can select the insects of his choice and accordingly in the next stage he will be given the insects and he can click on them to remove the insects from the screen. According to the number of insects removed by the game player, his score wil
document-object-model dom-manipulation game vanilla-javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vanilla-js-exchange-rate-app
Select countries to get the exchange rate for a specific amount
css dom-manipulation html javascript restful-api
Last synced: 26 Mar 2025
https://github.com/younusaliakash/js-dom-breakout-game
Game where you control a paddle with the arrow keys to bounce a ball up to break bricks. This app uses the HTML5 canvas element and API
canvas-api css html5 javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/flight-widget
Immerse in an airport experience with the Flight Widget. A dynamic departure board UI showcases flight details with flipping animations, powered by JavaScript. Dive into the destination, gate info, and real-time remarks, creating a seamless and visually appealing flight information display.
css vanilla-javascript widgets
Last synced: 26 Mar 2025
https://github.com/younusaliakash/drink-water-measurement
There will be a big bottle containing a certain amount of water and below it there will be many small bottles, as soon as you click on the small bottles, the big bottle will fill up and if you remove the click, the water level will decrease from the big bottle.
css html measurements vanilla-javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vue-events-reactivity
It's basically a repository of vue.js 3's various reactivities in practice. Where the last branch developed a very simple light on off reactivity UI.
Last synced: 26 Mar 2025
https://github.com/younusaliakash/expense-tracker
Efficiently manage finances with Vue.js 3 Expense Tracker. Add, remove, and track transactions effortlessly. Real-time grand amount calculations and automatic income-expense totals provide a comprehensive overview. Enjoy seamless local storage for persistent data across sessions.
vue-composition-api vue3 vuejs
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vue-component-composition
This practice project deals with component composition props in vue.js where data is sent from parent to child component and an event triggered from child component is functionalized in parent component.
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vue-lifecycle
A very simple app was created to practice the life cycle method of Vue.JS where a slider and a pie chart were initialized via a third-party package.
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vue-register-form
A very simple register form created with vue.js where a user is registered using local storage and features to login or authenticate the user using data from local storage.
Last synced: 26 Mar 2025
https://github.com/younusaliakash/web-automation-invoice-printer
Automatic invoice generator with puppet.js and express.js that will convert an html invoice to pdf and download automatically
expressjs invoice-generator puppeteer web-automation
Last synced: 26 Mar 2025
https://github.com/younusaliakash/chess-game
A very simple chess game built with vanilla javaScript that has almost all the features and activities of a chess game.
game-development vanilla-javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/web-automation-deep-link
Easily collect HackerNews links with hn.algolia.com. Swiftly process comments using BullMQ. Understand sentiments (positive, negative, neutral) effortlessly. Store data in Redis for quick access. Simplify your analysis, make informed decisions effortlessly.
deep-link puppeteer web-automation
Last synced: 26 Mar 2025
https://github.com/younusaliakash/simple-ecommerce-crawler
Effortlessly manage ecommerce data using our cutting-edge solution! With Puppeteer.js, we extract product links, process them efficiently using BullMQ, and store key details in Redis. Experience seamless web scraping, precise data processing, and reliable storage, empowering businesses with accurate insights.
ecommerce-crawler puppeteer web-automation
Last synced: 26 Mar 2025
https://github.com/younusaliakash/content-placeholder
A skeleton loading content placeholder that displays the original content after a while.
css html skeleton vanilla-javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/todo-list
This is a to-do list creation app that is saved in your browser's local storage and right-clicks deletes the to-do list and left-click marks it as completed.
localstorage localstroage-crud todo-list vanilla-javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/netflix-mobile-navigation
A combination of HTML, CSS and JavaScript has created an interactive animated navigation similar to the mobile navigation of the very popular and well-known Netflix website.
navigation-drawer netflix-navigation vanilla-javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/custom-range-slider
This is a custom range slider that is custom-made from sliders and the value that is coming from the slider, it's displayed at the top. The score container position is moving according to the slider values.
custom-range-slider range-slider vanilla-javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/monthly-sales-report-generator
Interactive tool presenting detailed sales reports and dynamic bar charts for 12 months. Users can customize views, select specific months, and download reports in PDF, Word, or Excel formats.
barchart exce-export-with-graph excel-generation pdf-generation reactjs word-generator
Last synced: 26 Mar 2025
https://github.com/younusaliakash/password-strength-form-and-background
This is a great password strength validation form whereas when a password is an inputted, it is conditionally checked and accordingly, the background blur below the form will gradually clear.
password-strength tailwind-css vanilla-javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vue-js-image-carousel
This interactive carousel, crafted using Vue.js, showcases five captivating images. A synchronized timeline below allows users to seamlessly navigate between the images, effortlessly bringing the desired image to the forefront of the display.
Last synced: 26 Mar 2025
https://github.com/younusaliakash/animated-countdown
An awesome animated countdown effect where the countdown numbers from the right site will appear in the middle of a container and will be animated from the left side and disappear into the dom
animated-countdown countdown vanilla-javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vanilla-javascript-and-dom-projects
List of my all-practiced Vanilla JavaScript project. I have tried to practice almost all of the HTML, CSS, JavaScript methods, Document and Browser objects Model.
browser-object-model dom-manipulation markdown vanilla-javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/movie-app
A movie blogging website will have many movies loaded from a third-party API and show movie ratings along with movie poster banner overview.
Last synced: 26 Mar 2025
https://github.com/younusaliakash/kinetic-loader
A kinetic loader has been created for a website using CSS animations that move periodically.
Last synced: 26 Mar 2025
https://github.com/younusaliakash/incrementing-counter
A increment counter component. When the page loads it will increment from zero to the target data.
css html increment-counter vanilla-javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vanilla-js-progress-steps
A Progress animated stepper with a straight progress line and step number where can move next and previous by clicking the next and previous buttons.
Last synced: 26 Mar 2025
https://github.com/younusaliakash/typescript-basic
Practicing typescript using a web browser terminal
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vanilla-js-expanding-cards
Displayed 5 cards and then click a card, the card expands with a title of its bottom in a smooth animation.
css dom-manipulation html javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/react-spanish-la-liga-simple
A practice project for practicing react js, react-router dom, react file system, and enhancing react js redevelopment skills. here I built a sports club information card using dynamic parameters of react js ecosystem.
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vanilla-js-relaxer-app
A relaxing breathing app with a visual director to tell you when to breathe in, hold and breathe out
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vanila-js-verify-account-ui
The Verify UI is built through JavaScript and manipulated to enter the OTP code during account verification.
css dom-manipulation hmtl javascript verify-ui
Last synced: 26 Mar 2025
https://github.com/younusaliakash/sticky-navigation
A sticky navigation bar will display a similar design when in a stable state. And will change color and behaves slightly to keep its own position the same when scrolled.
css html sticky-navigation-bar vanilla-javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vanilla-js-rotating-nav-animation
A landing page that has awesome navigation. The navigation rotates right and reveals navigation items when clicking on the navigation top menu bar.
css css-animations dom-manipulation html javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/theme-clock
ThemeClock is a clock application that uses the JavaScript Date object to create an analog-digital cloc
css datetime html vanilla-javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vanilla-js-blurry-loading
A blurry loading effect when someone enters the page.
blurry-loading css dom-manipulation html js
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vanilla-js-hangman-game
Select a letter to figure out a hidden word in a set amount of chances
css dom-manipulation game html javscript svg
Last synced: 26 Mar 2025
https://github.com/younusaliakash/split-landing-page
A split landing page where when the mouse enters a section its width will more increase than another section, the unfocus section width will decrease than the focus section, and when withdrawing both mice focus the size will stay on the initial stage.
css dom-manipulation html split-page vanilla-javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vanilla-js-screen-recorder-app
A web-based screen recording app using HTML ,CSS and JavaScript where you can record any screen of your computer and stop recording anytime and download them.
css html javascript recording screen-capture
Last synced: 26 Mar 2025
https://github.com/younusaliakash/react-apollo-node-graphql
A Practicing project for GraphQl and node JS with react JS
apollo-client graphql nodejs reactjs scss
Last synced: 26 Mar 2025
https://github.com/younusaliakash/scroll-animation
Smooth animated floating content box entry from the left and right side of the viewport during scroll time.
css dom-manipulation html scroll-animations vanilla-javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vanilla-js-filterable-wealth-board
Project to teach high order array methods and DOM manipulation
css dom-manipulation filter html javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vanilla-js-hidden-search-widget
A lightweight hidden search widget feature. Here the initial stage the search input is hidden. After clicking the widget the search input will be visible and the search icon move to the right.
css dom-manipulation html js search-widget
Last synced: 26 Mar 2025
https://github.com/younusaliakash/random-choice-picker
Enter multiple tags in a text area separated by commas and finally blinking randomly when you press the enter button
css html random-tag vanilla-javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/react-simple-cricket-leage-player-selection
An awesome UI design and development project where we can see a full cricket team squad, and select a dream playing XI by clicking the select button. the whole UI is based on ready fake JSON data.
javascript-framework react-bootstrap reactjs
Last synced: 26 Mar 2025
https://github.com/younusaliakash/vanilla-js-modal-menu-sidebar
Simple landing page with sliding menu and modal
css dom-manipulation html javascript menu-navigation
Last synced: 26 Mar 2025
https://github.com/younusaliakash/mern-emarket-ecommerce-server
About A very basic level backend server using node Express and MongoDB for e-market services.. Obviously this is not a real time industry project. The objective of this project was to create a high-quality font-end application by creating a near-realistic backend service
Last synced: 26 Mar 2025
https://github.com/younusaliakash/drawing-app
A 2d drawing canvas is created using the HTML Canvas API. Various 2D images can be drawn on this canvas and the stock color of each image can be changed and the stock width can be changed and finally everything can be deleted if desired.
canvas2d css html vanilla-javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/form-input-wave-animation
Added a wave animation to the form's input level. When the form's input is focused, it animates like a wave and rises above the labels from the main input.
css dom-manipulation form-input-animation html vanilla-javascript wave-animation
Last synced: 26 Mar 2025
https://github.com/younusaliakash/dad-jokes
A humorous application where jokes are randomly generated using a third party API.
api css html vanilla-javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/event-keycodes
An event dependent landing page where a key is hit and keycodes and codes are displayed
css dom-manipulation events html vanilla-javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/button-ripple-effect
This is a simple button normal ripple effect when the button is clicked a triple web will be created from the position the button is held in.
button-effect css html vanilla-javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/drag-n-drop
A very simple drag-and-drop project using the HTML drag-and-drop API.
css drag-and-drop html vanilla-javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/background-slider
This is a photo slider app where as the slide photo changes, its background image will change.
css html photo-slider vanilla-javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/basic-crud-node-postgresql-backend
Developed a very basic level backend using the popular database PostgreSQL. In this app, I practiced the normal version of CRUD operation using Node and Express servers.
backend expressjs nodejs postgresql
Last synced: 26 Mar 2025
https://github.com/younusaliakash/javascript-dom-new-year-countdown-app
Landing page that counts down from the current date to the next new year
css dom-manipulation html javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/coursepad-react-redux-team-project
Cousepad is mainly a course selling or e-learning platform landing page UI development project where we were using React and the awesome state management tool Redux.
Last synced: 26 Mar 2025
https://github.com/younusaliakash/faq-collapse
Frequently asked questions UI systems and where expand and collapse the answer section by clicking.
css faq-accordion html vanilla-javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/animated-navigation
Animated navigation where when you click on a menu button, it animates to the right and expands to reveal menu options.
css html menubar vanilla-javascript
Last synced: 26 Mar 2025
https://github.com/younusaliakash/doctor-portal-client
a simple appointment booking system for clinics where you can take an appointment with a doctor and their different types of services and take many services.
javascript-framework react-bootstrap reactjs
Last synced: 26 Mar 2025
https://github.com/younusaliakash/tik-tac-toe
A beautiful and functional tic-tac-toe game using react.js where the player can move backward and forward using the moving history.
Last synced: 26 Mar 2025