codebyjb Goto Github PK

credit-card-number-validator

Luhn algorithm

dive-log-map

Users can add dives to their log by providing details such as dive location, depth, duration, weather conditions, and personal highlights. The application also provides a visual representation of dives on an interactive map.

exchange-rate-calculator

API

geovisualizer

GeoVisualizer is an application that allows users to search for coordinates and display related images based on those coordinates. The app utilizes the Nominatim API for retrieving location information and the Pexels API for fetching images.

guess-my-number

game

landing-page

Bootstrap

matcha

The Matcha Website is a responsive and interactive web application that showcases various aspects of matcha. It provides a visually appealing interface with dynamic image sliders, engaging content, and an interactive gallery.

new-year-countdown

date

picture-gallery

This is a web application that displays random pictures based on user search input. It utilizes the Pexels API to fetch and display images.

project-matcha

Slider, Lightbox, form validation, ajax, local storage

react-bank-account

This project is a simple bank account management application built using React and the `useReducer` hook. It allows users to open an account, deposit, withdraw, request loans, pay loans, and close accounts.

react-currency-converter

This project is a simple Currency Converter web application built using React. It allows users to input an amount in one currency and see the equivalent amount in another selected currency. The exchange rates are fetched from the Frankfurter API.

react-dive-logbook

Underwater Memories is an interactive web application that allows divers to log their underwater adventures and explore dive spots around the world. With a user-friendly interface and powerful features, it's the perfect tool for divers to capture and share their diving memories.

react-faq-accordion

This project implements a simple FAQ accordion component using React JS. It allows users to expand and collapse individual FAQ items to reveal or hide their corresponding answers.

react-flashcards

This is a simple React application that displays flashcards with questions and answers. Users can click on a flashcard to reveal the answer and click again to hide it.

react-movie-star

"Movie Star" is a simple React web application that allows users to search for their favorite movies using the OMDB API and view movie details.

react-pizza-menu

Welcome to my first React project! This project demonstrates the use of components, props, and JSX. It showcases a menu of delicious pizzas.

react-portfolio

react-shopping-cart

Welcome to the Ice Cream Shop Web App! This is a simple web application that allows users to browse through various ice cream flavors, add them to their cart, and view their order details.

react-split-bill

Split Bill App is a simple React application that helps you split bills among your friends. It allows you to add friends, track their balances, and split bills easily.

react-star-rating-component

A customizable React component for displaying a star rating with user interaction.

react-step-by-step

This is a React project that represents a step-by-step guide with three steps. The user can navigate forward and backward between the steps. There is also a button to toggle the visibility of the guide.

react-tab-component

This is a simple React project that implements a tabbed interface to display information. It consists of multiple components that work together to create the user interface.

react-text-expander

Text Expander is a React component that allows you to create expandable and collapsible text sections. It's useful for displaying long blocks of text that can be condensed to a specific number of words and expanded when needed.

react-timer-countdown

The Timer component allows you to set hours, minutes, and seconds and start, stop, and reset the timer. It prevents negative values and ensures that the countdown functions correctly. The Countdown component allows you to specify an initial number of seconds, and it counts down from that value. It displays the remaining time in the "00:00:00" forma

react-tipcalculator

This project is a simple tip calculator built using React. It allows users to calculate the tip amount based on the bill amount and two separate service ratings. The calculated tip is displayed along with the total amount to be paid.

react-to-do-list

The To Do List / Task Manager is a web application that allows you to add, delete, and manage tasks. It provides a user-friendly interface for organizing your tasks based on priority and completion status.

react-travel-list

The "Travel List" project is a simple React application that helps you create a packing list for your trip. It allows you to add items, mark them as packed or unpacked, delete items, and provides statistics about your packing progress. Have a great trip! 🌴🧳

react-weather-app

This is a simple weather application built using React that allows users to search for the weather forecast of a specific location. The app retrieves geolocation data using a search query and then fetches weather forecast data for that location.

tip-calculator