24 results for “topic:list-rendering”
Virtual list component library supporting waterfall flow based on vue
Now developing.....
Starter repository containing pre-built styles and static data for the React User Card rendering task. Students must build components and implement list and conditional rendering using the provided resources.
An interactive React application that demonstrates core React concepts through an Accordion UI—a set of questions with toggleable answers. It is ideal for learners who want to strengthen their understanding of React state management, component structure, event handling, for building FAQ sections, collapsible content or any expand/collapse interface
Created AI supported chatbot using react. The chatbot uses the information given by us to respond to users.
A beginner-friendly React app that displays a list of people and their birthdays. You can view everyone on the list and clear the list with one click. It’s built to teach and practice core React ideas: components, props, state, and styling—with no backend or API.
An educational React app that shows a food menu and lets you filter items by category (breakfast, lunch, shakes). It’s built with React 18, Vite, and plain JavaScript (no TypeScript), using only React fundamentals: functional components, `useState`, props, and list rendering
A modern, interactive React application that generates a customizable number of random paragraphs ("Lorem Ipsum") for use in design, development, and content prototyping. This project demonstrates fundamental React concepts, state management, and functional component design with practical, real-world utility
A React application demonstrating tab functionality: it displays job information fetched from an external API and lets users switch between jobs using interactive buttons. The project focuses on React fundamentals—state management, side effects, component structure, props, list keys, and working with APIs
This is a React-based quiz application called "QUIZZY". It dynamically renders questions from a qBank and tracks the user’s score based on their answers. After answering each question, the app checks the answer, updates the score, and moves to the next question. When the quiz ends, it shows the final score with an option to play again.
The Capital-App is designed to help users interact with capital city-related functionalities while applying various development concepts.
This repository contains a React-based cash withdrawal application that allows users to manage and withdraw money using predefined denominations. The project is structured with multiple components for modularity and maintainability, integrating state management and user interactions efficiently.
A simple tribe member management component in React. Displays a list of members with avatars and allows users to remove them with a confirmation prompt.
Creation of FundooApp FrontEnd using React and HTML, CSS and JavaScript and the Implementation of Functional Components, Hooks, Props, State, Lifecycle Hooks, List-Rendering, React-Redux, Routes using useNavigation,MakeStyles useStyle and Media Queries.
This project is a React-based App Store that allows users to browse and search through a list of apps. It features tab-based filtering by categories such as Social, Games, News, and Food, and incorporates a search bar to refine the app list further. The state is managed in a class component to track the active tab and search input.
Code for lessons 29-31 on the Complete Vue Developer 2023 - conditional rendering, v-show directives and list rendering
A simple react app using CRA template, Making Component Structure , Adding JSX Event Handlers, CSS Modules, State management using useState, passing data using component Tree(Parent-child vs), Two-way Binding, etc.
The App-Store project is designed to create an interactive App Store where users can explore various applications. The implementation leverages essential frontend technologies.
Rating Mini Component App
Using React JS (List Rendering, Controller inputs)
Very simple Frontend (ultra-basic markup and styling etc.) for an application that dynamically posts and ranks placeholder images | built as a practice exercise following completion of Treehouse's 'Vue.js Basics' course: https://teamtreehouse.com/library/vuejs-basics
ReactJS advanced: Birthday Buddy app
This repository contains a simple React-based todo application named SimpleTodos, which allows users to manage a list of tasks efficiently. Users can delete tasks dynamically, and the application maintains state to reflect these updates.
This React project showcases a list of social media profiles and allows you to search and filter the list by name