Front end developer, building some stuff

projects

github

hashnode

Aakash b  • Peerlist

<h3 class="rich-heading">Introduction</h3>The best all in one typing app. Experience simple, elegant, clean touch typing and improve your typing skills.<h3 class="rich-heading"> Key Features</h3><ul><li>beginner mode: This mode has lessons for absolute beginners. practice alphabets, symbols, numbers, other special characters and get ready for speed mode.</li><li>speed mode: This mode lets you test your typing skills. It consists of different sets of different sizes. Stats for each and each timer in a set. Take as many tests as you can and reach you goal.</li><li>practice mode: This mode lets you practice individual words. Practice the words that you are often making mistakes and improve your typing skills.</li><li>Languages and ranges: There are multiple Languages and sets to choose from. each set has fixed number of words ,numbers, special characters. Each set has its own stats. each set has enough words so that way you will be able to test yourself or practice words from that set without feeling of too many words if you are a beginner.</li><li>Filter by speed: This mode is active in practice mode. This mode has the average speed of last 20 speeds of each word that you typed in test mode. This gives you better understanding of which words you are often making mistakes and practice accordingly to improve.</li><li>Keyboard controls: press tab to navigate between previous, reload, next buttons and press enter to select them</li><li>export/import data: download your data locally. use this file on any device by uploading to start from where you left off. Timers: choose timers according to your choice. Having different timers let you practice in more effective way.</li><li>Themes: multiple themes to choose from. Choose the one that you like the most. Having different themes can enrich your typing experience.</li><li>sounds: multiple sounds to choose from. Choose the one that you like the most. Having different sound can enrich your typing experience.</li><li>User friendly interface: Keeping this in mind, MINITYPE was built to be simple, elegant and easy to use. I am sure it is quiet evident once you experience it.</li><li>Not too much customizationThis is one of the features of MINITYPE, there aren't too many unnecessary options nor too less important options. MINITYPE has balanced enough customization like different word sets, lessons, practice mode, stats, themes, timers, sounds, which are essential</li><li>There are too many words to improve(Varied Word Sets )?MINITYPE knows that too many words can be overwhelming and takes too long to improve speed and accuracy . MINITYPE has different sizes of sets of words which can reach close to 350 words. Having smaller set of words like 100 words will make you increase speeds, accuracy in quicker time and more concentration per word. All these different sets of words have their own stats so that you know where you stand in a particular set.</li><li>Are the test word positions generated randomly, what if i type some words too many times and some words lot less?Lot of the other typing websites do this and MINITYPE knows that randomly generating word positions can make you type some words too many times and some words a lot lesser over a period of time as it is not guaranteed. But MINITYPE has an algorithm where it tracks how many times you have typed a word in all tests and generates the tests word positions from least frequently typed too highest frequently typed word(also shuffles the words so that there wont be same order of words). This way all the words are typed almost evenly and also randomly. This is one of the best features of MINITYPE..</li><li>I want to improve my numpad skills?MINITYPE does have a set of just numbers with different lengths where you can test your numpad skills. This is essential for people who use numpad a lot.</li><li>Detailed Statistics and Progress TrackingThis is one of the most important feature for improving typing skills. MINITYPE has all the stats like speed, accuracy,highest speed of a test,total time spent in tests for all the tests. But we know that your all time averages is not the reflection of your current skills , so MINITYPE also calculates averages of the last 20 tests which is far more better indication of your current skills. The best part is these stats are displayed right on the typing page , so that you don't need to go to other pages to constantly check your stats. stats being displayed right on the typing page are just a glance away.</li></ul>

minitype

<h2 class="rich-heading">Introduction</h2>Dive into the world of our challenging, intuitive, and fun web-based Tetris game. Designed with ease of use,clean user interface ,split screen,controller support and many more. This classic favorite has been given a fresh, contemporary twist for your enjoyment. Whether you're a seasoned Tetris pro or a newcomer to the game, this guide is here to help you make the most of your experience. Let's explore the exciting features and navigate through the captivating world of Tetris!<ul><li>multiple challenges</li><li>multiple In game controls(gamepad, keyboard, on screen controls)</li><li>multiple navigation controls (gamepad, keyboard, mouse, touch)</li><li>multiple players(splitscreen, up to 2 players for now,can be extended to any number of players)</li><li>multiple difficulty levels</li><li>multiple skins</li><li>multiple sound effects</li><li>multiple smooth animations</li><li>multiple controls customizable key bindings</li><li>60 fps locked irrespective of your device refresh rate.</li><li>best possible ui/ux</li><li>responsive design, adapts to any screen size, split screen mode in mobiles will be very small though.</li><li>fun to play with your friends, kids, colleagues or alone </li></ul>

M-tris

<h3 class="rich-heading">Introduction</h3>A web-based Tetris game.<h3 class="rich-heading">Key functionalities</h3><ul><li>moving player curent tetromino in downward direction</li><li>moving player curent tetromino in right direction</li><li>moving player curent tetromino in left direction</li><li>rotating player curent tetromino by 90 deg</li><li>managing player game board state of each cell which stores presence of block and visuals</li><li>destroying blocks when the row becomes full</li><li>shifting blocks after destroying the blocks</li><li>updating player board state</li><li>updating score</li><li>managing player current tetromino state like its coordinates and visual</li><li>calculating stats like score,single shots,double shots,triple shots count and displaying them</li><li>savging stats to database</li><li>managing user authentication</li><li>displaying user stats on stats page</li><li>starting game on clicking play button</li><li>checking if a player game is finished or not</li><li>managing state of each tetromino (l shape,t shape,z shape,line shape,square shape) like their coordinates , visuals</li></ul><h3 class="rich-heading">Lannguages and tools used</h3><ul><li>html</li><li>javscript</li><li>css</li><li>ejs</li><li>express</li><li>express-session</li><li>passport</li><li>passport-local</li><li>passport-local-mongoose</li><li>mongoose</li><li>mongodDb</li><li>vercel</li></ul>

tetris-1.0

Designed and Developed a responsive tech reviews video library web application.<h3 class="rich-heading">key functionalities</h3><ul><li>infinite scrolling</li><li>add video to watch later</li><li>delete video from watch later</li><li>create play list</li><li>add video to a particular play list</li><li>delete video from a particular play list</li><li>filtering products using predefined tags</li><li>loaders</li><li>error handling </li><li>authentication</li></ul><h3 class="rich-heading">Lannguages and tools used:</h3><ul><li>html</li><li>css modules</li><li>javscript</li><li>react</li><li>react-loader-spinner</li><li>react-router</li><li>react-toastify</li><li>fontawesome</li><li>express</li><li>mongoDb</li><li>mongoose</li><li>jsonwebtoken</li><li>vercel</li></ul>

techtotube

Designed and developed a responsive Electronics shopping web application with essential features for seamless shopping experience.<h3 class="rich-heading">key functionalities</h3><ul><li>Search products using titles from any page for quick access. </li><li>Dynamic filter options based on products.</li><li>Pagination for improved navigation for product listings.</li><li>Add and delete products from cart.</li><li> Manage addresses with options to add, edit, and delete addresses. </li><li>Email based authentication.</li><li>Razorpay payment gateway integration. </li><li>Orders history and order details.</li></ul><h3 class="rich-heading">Lannguages and tools used:</h3><ul><li>html</li><li>css modules</li><li>javscript</li><li>react</li><li>react-loader-spinner</li><li>react-router</li><li>react-toastify</li><li>fontawesome</li><li>express</li><li>mongoDb</li><li>mongoose</li><li>jsonwebtoken</li><li>vercel</li></ul>