YahairaCM's Projects
the Dice Roll Simulator
3d-boxes-background
Age calculator.
A clock with the Rolex logo that displays the current time based on the user's browser.
Animated search bar project with a neumorphism-designed magnifier icon. Clicking the magnifier reveals a search bar and microphone. A second click returns it to its original size
User authentication using the Python Flask framework for building a backend REST API and React.js and sessionStorage API for the front end web application.
An auto text effect animation. The final version of our project showcases a typing effect that displays various career titles.
Calculator with all necessary buttons including numbers, operators, equal sign, and clear button.
a pop-up window with a blurred background. The main website features a background image, a title, and a call to action button. Clicking on this button pops up a window. In the background, we can see a blurred version of the main website
A body mass index calculator. There are two input fields where the user can enter their height in centimeters and weight in kilograms. By clicking the "compute BMI" button, the BMI will be calculated and displayed along with the weight condition, which is determined by if statements based on the BMI.
Button ripple effect that animates when hovering over a button.
Color a circle with different button clicks /DOM manipulation to set values.
Contact-list-app-using-react-and-context
Currency converter that offers various currency options. Once a currency is selected, the application immediately requests the current exchange rate from an API. Users can then input an amount in one currency and see the equivalent in the other currency, all in real-time. In order to that
Dad joke generator that features a new morphism design made with CSS. Clicking on the button generates a random dad joke, and another click generates a new one. While loading, a loading effect is displayed in the text and button.
A toggle button that switches the website between dark and light modes, with a sliding animation for a more visually appealing transition.
User-friendly digital clock that displays the current time on a website with a beautiful design,
double landing page showcasing two products: Apple and Samsung. When hovering over a product, that side becomes larger than the other. The button also has a beautiful transition and animation effect, and a background image is added to enhance visual appeal.