conditional-rendering | Topic | Ecosyste.ms: Repos

Topic: "conditional-rendering"

maxdenuevo/4G11-conditional-profile-card Fork of breatheco-de/exercise-conditional-profile-card

Render a profile card based on a series of variables that could change in value during runtime.

Language: JavaScript - Size: 54.7 MB - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

JusmeJr93/dsa-learning-with-js

React App to learn and practice Data Structures and Algorithms (DSA) through interactive lessons and exercises.

Language: JavaScript - Size: 219 KB - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

Abimanianandan/todo-app

Todo task using react

Language: JavaScript - Size: 42 KB - Last synced at: 25 days ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

priya940/weatherapp

It is a web application displaying the current weather details and future 5 days details.

Language: JavaScript - Size: 153 KB - Last synced at: 12 months ago - Pushed at: 12 months ago - Stars: 0 - Forks: 0

JusmeJr93/expense-share

A user-friendly tool to easily split and manage shared expenses.

Language: JavaScript - Size: 203 KB - Last synced at: 11 months ago - Pushed at: 12 months ago - Stars: 0 - Forks: 0

pvinis/react-conditional-wrap

A simple component that helps you easily wrap components with other components, conditionally.

Language: TypeScript - Size: 72.3 KB - Last synced at: 3 months ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

siphamandlaBili/google-keep-react

google keep react clone implemented with react js

Language: JavaScript - Size: 51.8 KB - Last synced at: about 1 month ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

adiakan-99/quiz-app-react

Developed a simple quiz application using React

Language: JavaScript - Size: 179 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

trishna456/investment-calculator

This is an investment calculator app built using React where users can input their initial investment value, annual investment, expected return, and duration in years. The app allows users to modify one or multiple parameters and provides the calculated investment value, interest year-wise, total interest, and the investor's capital.

Language: JavaScript - Size: 287 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

thetosinfaith/introduction-to-react-components

⚛️ Repo for learning about React.js

Language: HTML - Size: 4.88 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

ChandraBose-11/React-Add-to-cart-task

This is react Add-to-cart task By using States and hooks And conditional rendering

Language: JavaScript - Size: 40 KB - Last synced at: 4 months ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

dnyaneshwarmagar/react-post-office-api

app showing post office information by pincode and has search functioality.

Language: JavaScript - Size: 0 Bytes - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

Mathivathanakk/SHOPPING-CART

Shopping cart using react

Language: JavaScript - Size: 39.1 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

suyogghate/todowithRedux

This is a small todo app where a user can add, view and delete the tasks in their day to day life.

Language: JavaScript - Size: 62.5 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

debabrata-pw08-429/QKART_FRONTEND_V2

QKart: React e-commerce platform. Auth, dynamic product listing, search, cart, checkout, order confirmation. Modern, scalable architecture.

Language: JavaScript - Size: 2.34 MB - Last synced at: 4 months ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

omrfrkcpr/Get_Random_User__App

A single-page-application that allows us to call a random user from a free and open-source API or manually create and save a user.

Language: JavaScript - Size: 2.27 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

tsheporamantso/styling

Practice repo on different styling principles in react such as style-components, module-styles, conditional styling and tailwind css.

Language: JavaScript - Size: 348 KB - Last synced at: 4 months ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

muhammeterl1912/React-Store-App

Language: JavaScript - Size: 4.08 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

dishaSingh03/Swiggy_Food_App

Swiggy Food App Clone: A React-based project replicating Swiggy's food ordering app. Leveraging React, Redux, JavaScript, HTML, CSS, Tailwind CSS, and Jest for testing. Features include search, filter, order management, and real-time API integration for live restaurant data. Optimized for performance and tested for reliability

Language: JavaScript - Size: 234 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

enesuraz/noble-vision

This React project showcases dynamic user interfaces built using JSX, conditional rendering, props passing, and object destructuring powered by Vite for efficient development

Language: JavaScript - Size: 902 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

murttkapln/appoinment-app

Appointment App

Language: JavaScript - Size: 13.8 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

sofiane-abou-abderrahim/react-investment-calculator

This project demonstrates essential React features: modular components, state management, conditional rendering, and value conversion. Users can estimate investment values by inputting parameters. Explore the code to enhance your React skills and start estimating investments effortlessly!

Language: JavaScript - Size: 381 KB - Last synced at: 3 months ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

NandhuTee/Weather-Forecast-by-lat-and-long---Understanding-folder-structure-Server-Side---l81jnfuz07jt

Weather Forecasting App allows users to input latitude and longitude coordinates, fetch weather forecasts from the Met Norway Weather API, and display the forecasted data in a tabular format on the webpage. Each component and function works together to create a seamless user experience for accessing weather information.

Language: CSS - Size: 54.7 KB - Last synced at: 3 months ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

omrfrkcpr/employee-list-app

Language: JavaScript - Size: 1.13 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

MuhammadHassan2020/Travel-Todolist

This project is a Travel Todo website built using React.js, focusing on modern front-end development techniques. It utilizes functional components and hooks extensively, specifically leveraging the useState hook for state management. The website allows users to plan and manage their travel packing lists efficiently. overview of the project, its fun

Language: JavaScript - Size: 182 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

reddy-epk/React-Dark-Mode

React Dark Mode to Light Mode converter app

Language: HTML - Size: 179 KB - Last synced at: 4 months ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

reddy-epk/react-Welcome-App

A react program for creating a responsive Subscription page.(If not subscribed, asks for subscription)

Language: HTML - Size: 175 KB - Last synced at: 4 months ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

SohamRoy-01/Link-Loop

Link-Loop | A social media app for to connect and interact with other people

Language: TypeScript - Size: 9.19 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

Abimanianandan/shop-homepage

https://shop-homepage-f37jgho6g-abimanianandans-projects.vercel.app/

Language: JavaScript - Size: 66.4 KB - Last synced at: 3 months ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

zlhshn/volleyball-react

A single page web application was developed using React and react bootstrap

Language: JavaScript - Size: 22.8 MB - Last synced at: about 1 month ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

zlhshn/review_react

Conditional rendering and mock API were used in this project.

Language: JavaScript - Size: 238 KB - Last synced at: 27 days ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

PinsaraPerera/Server_Actions

This project demonstrates how the server action works and what are the pros.

Language: TypeScript - Size: 1.53 MB - Last synced at: 3 months ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

mahan-nezafat/Pantry-Pal

a recipe web app for making food with whatever ingredients you have

Language: JavaScript - Size: 55.5 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

coderskm/React-Quiz-App

React Quiz App implemented using concepts of "state" & "conditional-rendering". User can play this quiz where one has to select an option and final score is displayed when quiz is over.

Language: JavaScript - Size: 60.5 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

AlenaGM/internet-plans

List of Internet tarif cards. Exercise on conditional rendering in React

Language: SCSS - Size: 706 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

kaplanh/react-router-dom-example

Language: JavaScript - Size: 426 KB - Last synced at: 11 days ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

kaplanh/ReactRandomUser

Language: JavaScript - Size: 888 KB - Last synced at: 5 days ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

Jobayer109/Operation-Restore-Project

A simple React project that allows users to perform basic mathematical operations (+, -, *, /) on two inputs. The project also includes a history section to dynamically display the operations and their results. Users can restore specific operations from the history.

Language: JavaScript - Size: 356 KB - Last synced at: about 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

kaplanh/Appointment-App-Law

Language: JavaScript - Size: 1.28 MB - Last synced at: 27 days ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

kaplanh/Appointment_app

Language: JavaScript - Size: 620 KB - Last synced at: 4 months ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 1

kaplanh/Language-Cards

Language: JavaScript - Size: 994 KB - Last synced at: 4 months ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

kaplanh/nba-legends

Language: JavaScript - Size: 44.1 MB - Last synced at: 19 days ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

octaviagf/Composers-Flashcards

Practicing useState hook in React

Language: HTML - Size: 840 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

BuZZraa/Investment-Calculator

This project is a project basic investment calculator app which is built using React.js. It covers concepts such as object / array destructuring, props, conditional rendering, useState

Language: JavaScript - Size: 292 KB - Last synced at: 4 months ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

Manya67/weatherApp

It is a web application displaying the current weather details and future 5 days details

Language: JavaScript - Size: 167 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

Vimalf-git/PortFolio_2

This Application describe skills and projects

Language: JavaScript - Size: 2.88 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

RitickLath/Accordion

This is a React application that provides a simple FAQ (Frequently Asked Questions) interface. Users can view questions, toggle answers, and switch between Single and Multiple Select modes.

Language: JavaScript - Size: 43 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

octaviagf/Click-counter-v.2

Practicing the useState hook in React.

Language: HTML - Size: 176 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

ShivamSingh7280/L-square-QTify Fork of CrioDo/L-square-QTify

QTify is an music album website which consists of variety of albums, songs which user can browse.

Language: JavaScript - Size: 521 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 1

Vidhya0501/Day22Task18FSD_React_PriceCard_Vidhya

Price Card using React JS

Language: JavaScript - Size: 182 KB - Last synced at: 4 months ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

Manya67/documents

Docs. is a web application showcasing the use of drag function implemented using framer motion.

Language: JavaScript - Size: 62.5 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

MRanjith26/Money-Manager-App

Money Manager App using React JS

Language: JavaScript - Size: 180 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

iampriyanjana/Contact-us-form

Language: JavaScript - Size: 229 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

TST14/Travel-Website-Dynamic

This is a travel website aimed at travellers looking for a multitude of adventures in different cities.

Language: JavaScript - Size: 14.5 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

enigm413/Bill-Split-Calaculator

Bill Splitting App" is a React-based web application that allows users to manage a list of friends, add new friends, select friends, and split bills between selected friends.

Language: JavaScript - Size: 176 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

JoseGonzCSE/WeatherApp

A weather application that allows you to check the current weather conditions for a city. You can enter the name of a city, and the app will provide you with real-time weather information.

Language: JavaScript - Size: 2.15 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

Beyound3d/Fubble

This is a social media application build on tailwindcss(सिअशअश) ,react👀 and in typescript language.1.server-setup 2.scaling 3.security 4.user-auth 5.Managing files securily 6.Optimize API performance 7. infinite-scroll 8.Backend agnostic data fetching library(ReactQuery ,TanStack) 9.Auto-catching 10.Refetching 11.Parellel-Queries

Language: TypeScript - Size: 42 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

Mr-Dhineshraj/Shopping_cart_Task2

This is my second task using react js.its shows the shopping cart page

Language: CSS - Size: 70.3 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

Santhoshavs/Task-14-shopping-cart

This is the task 14 Shopping cart .

Language: CSS - Size: 68.4 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

gopikadevi1999/react-router-task

react router task

Language: JavaScript - Size: 44.9 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

kuzhalikumaraguru/shoppingcartreacttask

Shopping cart list in React.js

Language: CSS - Size: 68.4 KB - Last synced at: 4 months ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 1

S-Dhangar/Dashboard-ReactJs

It is a dashboard app in built in ReactJs

Language: JavaScript - Size: 179 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

ChandruMonica2705/shoppingCartTask2

React Task 2-Shopping cart

Language: CSS - Size: 69.3 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

POOVASOKAN/ecom

Shopping Cart - Ecom

Language: CSS - Size: 70.3 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

DineshGowthamK/shop-home-page-task-23

The project is a shopping cart developed using React that allows users to add and remove items from the cart.

Language: CSS - Size: 73.2 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

POOVASOKAN/pricingcard1

Pricing Card- 1

Language: JavaScript - Size: 40 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

ChandruMonica2705/pricingCard

React Price Card Task 1

Language: JavaScript - Size: 40 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

enigm413/Flash-Card-Component

A simple React application that displays flashcards with questions and answers. This flashcard interface where clicking on a flashcard toggles between displaying the question and its answer.

Language: JavaScript - Size: 176 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

j-eick/FEM-newsletter

Newsletter registration + Thank you

Language: CSS - Size: 236 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

aniketsingh98571/Eat-N-Split

Language: JavaScript - Size: 179 KB - Last synced at: 4 months ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

prabhakaranthangavel/React-Day-3-TaskProject-8-PriceCard

https://taskproject8-react-pricecard.netlify.app/

Language: JavaScript - Size: 37.1 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

ShubhamRaut187/currencyfinder

Simply input a currency code, and unveil a comprehensive overview of countries associated with that currency. Ideal for learning, gaining geographical insights, and planning travels, this React-based app offers an intuitive and responsive design for seamless exploration.

Language: JavaScript - Size: 2.61 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

TedJenkler/REST-Countries-API-with-color-theme-switcher

Challange by frontendmentor made by Teodor Jenkler showing of my knowledge in API, UseState, UseEffect, Mapping out lists(Cards) and conditional rendering with JS and CSS

Language: JavaScript - Size: 781 KB - Last synced at: 3 months ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

Susie-D/react-demo-concepts

React Concepts Demo created through Udemy React/Redux course: https://www.udemy.com/course/react-the-complete-guide-incl-redux/

Language: JavaScript - Size: 1.27 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

oathira/movie-app

A movie app using react class based components

Language: JavaScript - Size: 362 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

ElyasShamal/movie-website

This repository created for final project

Language: JavaScript - Size: 4.2 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

ElyasShamal/note-app

simple app by react

Language: JavaScript - Size: 161 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

prabhakaranthangavel/React-Day-3-ArrayList-and-Conditional-Rendering

It contains Array List & Conditional Rendering with Examples

Language: JavaScript - Size: 40 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

Gaurav-Jain-0781/React-Apps

Apps for practicing various concepts in React

Language: CSS - Size: 4.51 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

impala141592/pomodoro

Pomodoro clone to learn react best practices and ecosystem, state management, conditional rendering and audio integration.

Language: JavaScript - Size: 260 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

Mahmoud-AbouDeghedy/how-react-works

"How React Works" is a project showcasing various concepts and features of React.It includes examples of React components, state management, event handling, conditional rendering, and more.

Language: JavaScript - Size: 153 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

aggie-l/Tenzies-game

Scrimba Frontend Developer Path project - Tenzies game

Language: JavaScript - Size: 126 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

akash-1536/InvestmentCalculator

Created with CodeSandbox

Size: 221 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

aggie-l/React-Meme-generator

Scrimba Frontend Developer Path project - React Meme generator

Language: JavaScript - Size: 808 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

eman-alatawi/App2-Sculptures-Gallery-App

React Application - React Journey 2023

Language: JavaScript - Size: 285 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 1

RitickLath/Pic_Hunter

This project demonstrates the impact of incorporating shimmer UI for enhanced user experience on your website.

Language: JavaScript - Size: 43.9 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

preetsimon/portfolio-v1

My portfolio website built using ReactJS.

Language: JavaScript - Size: 5.73 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

arimoa/dictionary--react

In this React App, the user can see the meaning of a word by entering it. According to whether the entered word is in the database or not, the corresponding answer will be displayed.

Language: JavaScript - Size: 0 Bytes - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

CorinaMurg/tenzies

Interactive and accessible dice game built with React. Uses multiple hooks to manage state and side effects in the application. Employs "forwardRef" to create a reference for the "Die" component. Relies on conditional rendering to alter the UI based on the game state.

Language: JavaScript - Size: 75.2 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0