-dice-roll-simulator

the Dice Roll Simulator

3d-boxes-background

3d-boxes-background

age-calculator-

Age calculator.

analogue-clock

A clock with the Rolex logo that displays the current time based on the user's browser.

animated-countdown

animated-navigation

animated-search-bar

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

authentication-system-with-python-flask-and-react.js

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.

auto-text-effect

auto-text-effect-animation

An auto text effect animation. The final version of our project showcases a typing effect that displays various career titles.

background-slider

basic-calculator

Calculator with all necessary buttons including numbers, operators, equal sign, and clear button.

blurred-background-popup

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

blurry-loading

bmi-calculator

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

Button ripple effect that animates when hovering over a button.

button-ripple-effect2

colorify

Color a circle with different button clicks /DOM manipulation to set values.

contact-list-app-using-react

Contact-list-app-using-react-and-context

content-placeholder

conversor-de-monedas

currency-converter

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-jokes

dad-jokes-generator

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.

dark-mode-toggle

A toggle button that switches the website between dark and light modes, with a sliding animation for a more visually appealing transition.

digital-clock

User-friendly digital clock that displays the current time on a website with a beautiful design,

double-click-heart

double-landing-page

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.

double-vertical-slider

drag-n-drop