Hello World 👋
I am Michael Adesina
I am a Front-End Web Developer
Tech Stack
About Me
I am a dedicated and results-oriented Front-End Web Developer with a strong foundation in Pure Mathematics. Graduating from the University of Lagos, I have honed my skills in HTML, CSS, Sass, Bootstrap, JavaScript, React, C, Python, and Git.
My passion for web development lies in crafting intuitive and visually appealing user interfaces that seamlessly blend technology and design. I am proficient in leveraging these technologies to build dynamic and responsive web applications.
I am eager to contribute my expertise to a collaborative team and continuously expand my knowledge in the ever-evolving field of web development.
Projects
Cash Register App
This interactive web application simulates a cash register experience, calculating change due based on the item price, customer payment, and available cash in the drawer.
Key Features:
- User-friendly interface with an input field for cash received, a purchase button, and a change due display area.
- Handles various scenarios based on user input and cash drawer status:
- Insufficient Funds: Alerts the user when the provided cash is less than the item price.
- Exact Change: Informs the user when the exact amount is paid, eliminating the need for change.
- Open Cash Drawer: Calculates and displays the change due in highest to lowest denomination bills and coins, ensuring sufficient funds are available in the drawer.
- Insufficient Cash Drawer Funds: Alerts the user when the cash drawer lacks the necessary funds to provide exact change.
- Offers a clear button to erase the previous input.
Technologies Used:
- HTML
- CSS
- JavaScript
This project demonstrates my skills in front-end development, data manipulation, and user interaction logic. It showcases my ability to create practical applications for financial transactions.
Interactive Pokémon Searcher
This engaging web application allows you to delve into the world of Pokémon by searching for them by name or ID. It leverages the freeCodeCamp's PokéAPI Proxy to retrieve detailed data and captivating images.
Key Features:
- User-friendly interface with a search input field and a dedicated button to launch the search.
- Dynamic search functionality:
- Fetches Pokémon data based on the user's input (name or ID).
- Displays comprehensive information for the found Pokémon, including name, ID, weight, height, and various battle stats (HP, Attack, Defense, etc.).
- Presents an engaging image of the Pokémon using its front_default sprite.
- Accurately lists all types associated with the Pokémon.
- Clearly handles cases where the Pokémon is not found, displaying an informative message.
- Streamlined user experience:
- Clears previous search results before displaying new ones, ensuring clear information presentation.
- Emphasizes visual appeal with the inclusion of Pokémon images.
Technologies Used:
- HTML
- CSS
- JavaScript
This application showcases my skills in front-end development, particularly in utilizing APIs, managing asynchronous data fetching, and manipulating DOM elements. It demonstrates my ability to create interactive and visually appealing web experiences.
Palindrome Checker
This web application determines whether a given word or phrase is a palindrome. A palindrome is a word, phrase, number, or other sequence of characters that reads the same backward as forward.
Key Features:
- User-friendly interface with an input field and a check button.
- Handles various input formats, including phrases with spaces, punctuation, and capitalization.
- Accurately identifies palindromes and non-palindromes.
- Provides clear feedback to the user in the results area.
Technologies Used:
- HTML
- CSS
- JavaScript
This project demonstrates my skills in front-end web development, including HTML, CSS, and JavaScript. It showcases my ability to create interactive and functional web applications.
Roman Numeral Converter
This interactive web application allows users to convert Arabic numerals (regular numbers) to their corresponding Roman numeral representation. Roman numerals are a historical numeral system based on combinations of seven symbols (I, V, X, L, C, D, M) to represent numbers.
Key Features:
- User-friendly interface with an input field and a conversion button.
- Handles valid Arabic numerals within a defined range (1 - 3999).
- Provides clear error messages for invalid inputs (empty, negative, or out of range).
- Accurately converts Arabic numerals to their Roman numeral equivalents.
- Displays the converted Roman numeral in the output area.
Technologies Used:
- HTML
- CSS
- JavaScript
This project demonstrates my skills in front-end web development and my ability to utilize logic and data structures for functional applications.
US Telephone Number Validator
This interactive web application verifies whether a user-provided phone number adheres to valid US phone number formatting.
Key Features:
- User-friendly interface with an input field, a check button, and a clear button.
- Handles various valid phone number formats (e.g., with or without spaces, hyphens, parentheses).
- Ensures presence of an area code and validates that the country code (if provided) is 1.
- Provides clear feedback through the results area:
- "Please provide a phone number" for empty input.
- "Valid US number" for a correctly formatted input.
- "Invalid US number" for invalid formatting or missing area code.
- Offers a clear button to erase the previous input.
Technologies Used:
- HTML
- CSS
- JavaScript
This project demonstrates my skills in front-end development, including user interface design, data validation logic, and user interaction handling. It showcases my ability to create practical tools that cater to specific needs.