Discover Francisco-Webdeveloper/CSS-Variables-Manipulated-with-JS Open

Geolocation based Speedometer and Compass

Geolocator

Markdown Notes App built with React

markdown-notes-app

When the user moves the cursor over the top of the window, the shadow follows around.

Mouse-Move-Shadow

front-technical-test

Front-end technical test

simple-react-app

React app

Small clone of airbnb experiences

Sneakers-Online-Shop_frontend

TypeScript

airbnb-experiences-react

When a user clicks a checkbox, holds Shift, and then clicks another checkbox a few rows down, all the checkboxes inbetween those two checkboxes should be checked.

Hold-Shift-and-check-Checkboxes

Search tool that returns US cities, their state and population. Use of API fetching / AJAX, regexp, map and filter iterators, keyup and submit event listener types

USA-City-and-State-API

Sneakers-Online-Shop_backend

In this project we create a grab and horizontal scroll effect

Click-Drag

responsive landing page using bootstrap techniques

landing-page-using-bootstrap

react-todos

simple to-do app

When the user scrolls down and the navbar hits the top of the browser, we want to make it fix so the content scrolls underneath, as well as scroll out the logo.

Sticky-Navbar

Business Card built with React

business-card-react

Quiz about sports displayed with multiple choice questions. Supported by the api: Open Trivia DB

sports-quiz

Panel gallery built with css (Flexbox) and javascript

Francisco-Webdeveloper

My personal repository

Sneakers-Online-Shop

TypeScript

Flex-panel-gallery

Landing Page built with React and Taiwind CSS

Landing-Page

Countdown timer that show us how many minutes/seconds are left in a specific task and at what time does it finish.

Countdown-Timer

Meme Generator built with React

meme-generator

Speech-synthesis app from Web Speech API, which converts text, that the user can write in the text area, into voice.

Speech-Synthesis

When you slide down the images, they will slide themselves in from the left or from the right.

Slide-In-On-Scroll

Crowdfunding product page

crowdfund

In this project, we simulate a restaurant's menu. The user should be able to add dishes to the list as well as mark them as completed or checked.

Local-Storage-and-Event-Delegation

When the user hovers over the links both on the navigation bar and text, there is a background effect that will resize itself according to the element's size and follow around the page wherever the cursor is going

Follow-Along-Links