Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

JSX (JavaScript XML)

JSX is an XML-like syntax extension to ECMAScript without any defined semantics that allows creation of DOM trees. Being a syntactic sugar, JSX is generally transpiled into nested JavaScript function calls structurally similar to the original JSX.

https://github.com/raspberri05/chatterbox

A user-friendly chat app built for students featuring direct messaging, group messaging, and simple tools for group moderation.

chat chatapp css html javascript jsx nodejs reactjs

Last synced: 11 Jan 2025

https://github.com/raspberri05/stockfalafel

Easy-to-use comprehensive stock-tracking app to help investors track stocks, with a customizable watchlist, detailed stock information, and the day’s most important stocks.

css html javascript jsx nodejs reactjs stock-tracker stocks

Last synced: 11 Jan 2025

https://github.com/grandi0z/math_magicians

"Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote.

babel javascript jsx react webpack

Last synced: 15 Jan 2025

https://github.com/amandange/monsters-rolodex

Monsters-Rolodex

css jsx reactjs

Last synced: 11 Oct 2024

https://github.com/rohanvron/age-calculator-app

This Project fulfills the requirements of the Frontend Mentor challenge: "View an age in years, months, and days after submitting a valid date through the form."

frontendmentor-challenge javascript jsx reactjs spring tailwindcss

Last synced: 15 Jan 2025

https://github.com/rohanvron/advice-generator-app

This React Application provides users with a visually appealing and interactive way to generate random advice.

api axios jsx react web-application

Last synced: 15 Jan 2025

https://github.com/mboladop/freecodecamp-fel-certification-projects

Random Quote Machine // Markdown Previewer // Drum Machine // JavaScript Calculator // Pomodoro Clock

bootstrap freecodecamp freecodecamp-project javascript jquery jsx react redux sass

Last synced: 13 Jan 2025

https://github.com/abhishekgurjar-in/password-validator

The Password Validator checks the strength of the user's password in real-time and provides feedback on whether the password meets the criteria for a strong password. The feedback is displayed below the input field, encouraging users to create more secure passwords.

css javascript jsx password-validator react web-development

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/quiz-website

The Quiz Website allows users to answer multiple-choice questions and get instant feedback on their selections. At the end of the quiz, users are shown their scores along with the correct answers.

css javascript jsx quiz-website react web-development

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/todo-app

The Todo List application allows users to add, mark as completed, and remove tasks. It offers a clean interface for managing daily tasks. This project showcases how React can be used to manage the state of a simple yet dynamic application.

css javascript jsx react todo-app todo-list todo-list-app web-development

Last synced: 11 Oct 2024

https://github.com/ankitt26/unicraft

In this Project, I transformed Figma's design into a Pixel perfect SPA Landing Page of Unicraft, using React with TailwindCSS, perfection in every detail.

figma html5 jsx reactjs tailwindcss

Last synced: 15 Jan 2025

https://github.com/grzegorzpacewicz/notes-mui

The app to write notes. Done in Vite, React and Material UI

javascript jsx material-ui react styled-components vite

Last synced: 13 Jan 2025

https://github.com/yordiyes/chat-app

This repository hosts the development of a Chat App, a real-time messaging application built using modern web technologies. It includes features like user authentication, message handling, and a responsive UI for seamless communication.

css express html js jsx mongodb nodejs react

Last synced: 04 Dec 2024

https://github.com/abhishekgurjar-in/qr_code_generator

The QR Code Generator allows users to create QR codes by entering content, adjusting the size, and selecting a background color. It utilizes a public API to generate the QR codes and displays them on the screen. Users can generate, view, and download QR codes for various purposes.

css javascript jsx qrcode-generator react web-development

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/expense-tracker

The Expense Tracker application allows users to keep track of their income and expenses. It helps manage financial data by categorizing and calculating income, expenses, and the total balance. This project showcases the use of React for managing state and handling user input efficiently.

css expense-tracker javascript jsx react web-development

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/joke-generator

This Joke Generator fetches a random joke from an API and displays it on the screen when the user clicks a button. It has a clean and minimalistic user interface, making it simple to interact with. This project teaches how to integrate APIs and manage component states in React.

api css javascript joke-generator jsx react web-development

Last synced: 11 Oct 2024

https://github.com/md-rejoyan-islam/blood-finder-app

The Blood Finder App is a web application designed to find blood donors with those in need of blood donations. It allows an organization to find blood donar which are willing to donate blood.

jsx react react-router-dom vite

Last synced: 04 Dec 2024

https://github.com/annakharatova/mesto-react

Проект Mesto на React frontend

api javascript jsx react

Last synced: 20 Dec 2024

https://github.com/arkapg211002/spendly

A comprehensive expense tracker application designed to help users manage and monitor their personal finances with ease. Leveraging modern web technologies and a user-centric design, Spendly provides a seamless experience for tracking expenses, visualizing spending patterns, and achieving financial goals.

clerk-auth drizzle-orm javascript jsx neondb nextjs14 postgresql radix-ui reactjs recharts-js tailwind-css

Last synced: 15 Jan 2025

https://github.com/arkapg211002/fusiondraw

FusionDraw is a dynamic web application designed to enhance productivity and creativity by allowing users to take notes and create diagrams seamlessly. This tool integrates multiple cutting-edge technologies to provide a smooth and efficient user experience.

convex database editorjs hyperui jsx kinde-auth material-ui moment-js nextjs14 shadcn-ui typescript

Last synced: 15 Jan 2025

https://github.com/kevx7/hex2024-react-training-week3

六角 2024 React 作品實戰冬季班第三週作業 - 熟練 React.js

axios bootstrap5 gh-pages json jsx map react restful-api soc swagger-ui vite

Last synced: 12 Jan 2025

https://github.com/pethum021/rewrap-

Install Vite + ReactJS with one command, save the stress and hassle of going back and forth TailwindCSS docs for every project.

installer js jsx nodejs npm-package reactjs tailwindcss ts tsx vite

Last synced: 12 Jan 2025

https://github.com/andregoncalves/stencil-ios-toggle

iOS like toggle checkbox web component

jsx stencil toggle-switches webcomponents

Last synced: 09 Dec 2024

https://github.com/mohsin-ali08/my-dashboard

My Dashboard: A personal dashboard application built with React.js that showcases dummy users and provides functionality to manage comments, posts, albums, and photos. The project practices fetching data from dummy APIs,

ant-design css3 gird-layout html5 jsx react-router reacticons reactjs responsive-layout tailwdindcss

Last synced: 08 Jan 2025

https://github.com/siraajul/todospark

A minimalist React + Vite Todo application that offers essential CRUD operations (Create, Read, Update, Delete) with a clean, modern UI built using Tailwind CSS. Features include task completion toggling, inline editing, local storage persistence, and responsive design. Perfect for both React beginners and developers seeking a lightweight todo app

css3 html5 javascript jsx reactjs todoapp vitejs webapp

Last synced: 08 Jan 2025

https://github.com/devonwintz/understanding-reactjs

A brief introduction into ReactJS.

jsx react understanding-react

Last synced: 19 Nov 2024

https://github.com/avs123a/react-example1

React client for Rozetka.ua example

axios jsx react react-router reactjs rest-client

Last synced: 15 Jan 2025

https://github.com/balamurugan-annadurai/react-shopping-cart-with-product-management

A responsive shopping website built with React.js, featuring dynamic product management and an interactive shopping cart. Users can add, remove, and update product quantities, with real-time updates on total price and stock availability. Enjoy a seamless shopping experience on any device!

bootstrap css3 html5 javascript jsx react responsive-web-design

Last synced: 15 Jan 2025

https://github.com/balamurugan-annadurai/password-reset-fe

A MERN stack web application for user management with features for sign-up, login, and secure password reset via email verification. Includes notifications for registration and login issues.

javascript jsx mern-stack react toast-notifications user-management

Last synced: 15 Jan 2025

https://github.com/balamurugan-annadurai/pricing-card-using-react

A reusable and customizable price card component built with React.js and JSX. Perfect for displaying pricing options on your website

css html5 javascript jsx reactjs

Last synced: 15 Jan 2025

https://github.com/mcnallydev/react-md-switch

React Component Material Design Switch.

javascript jsx react

Last synced: 16 Nov 2024

https://github.com/rominalodolo/modernreactwithredux

Completed exercises done from the Modern React with Redux Udemy course by Stephen Grider

exercise javascript json jsx node projects react redux udemy

Last synced: 12 Jan 2025

https://github.com/vinamrasaurav/food-delivering-webapp-frontend

This is just a practice/mock website frontend for a food delivering company.

css html html-css-javascript js json jsx react reactjs

Last synced: 14 Dec 2024

https://github.com/ahsinali-17/tic-tac-toe

Tic tac toe game using REACT. Both player vs player and player vs computer modes are available using React router and undo feature is enabled using localStorage.

js json jsx reactjs tailwindcss

Last synced: 23 Nov 2024

https://github.com/aayushyadavz/react-basics-notes

Basically in this repo you will find the React topic wise codes with notes on every line of code. Beginner friendly React notes, you can learn, revise e.t.c.

babel complex-state components-react destructuring-objects expressions jsx reactjs spread-operator usestate-hook

Last synced: 16 Nov 2024

https://github.com/nadeetharuka/travel-website

This project is a responsive Travel and Tour website built using ReactJS. It provides users with an intuitive and clean interface to explore travel destinations, book tours, and get travel-related information. The website is designed with modern UI principles to enhance the user experience.

bootstrap css3 jsx reactjs tailwindcss

Last synced: 11 Oct 2024

https://github.com/codebrahma/bricks

Bricks for Codebrahma website

docz jsx react styled-components

Last synced: 04 Dec 2024

https://github.com/delph123/supplejs

A toy project to re-implement SolidJS from scratch

fine-grained jsx reactivity solidjs

Last synced: 16 Nov 2024

https://github.com/siraajul/techvite

Simple yet useful tech blog

axios-react css3 html5 jsx react router

Last synced: 04 Dec 2024

https://github.com/souvik-basak/portfolio

This portfolio website showcases my skills and projects as a Front-End Web Developer. It is designed with a focus on interactivity, smooth animations, and responsiveness. The site features a dynamic skills section, a draggable interface, and a fully functional contact form powered by EmailJS.

framer-motion gsap javascript jsx reactjs sass

Last synced: 11 Oct 2024

https://github.com/andrewjbateman/next-bootstrap-portfolio

:clipboard: Next.js app using Bootswatch styling to present portfolio information

api bootstrap5 bootswatch-theme css3 hmtl5 jsx next12 nextjs react ssr

Last synced: 27 Dec 2024

https://github.com/abhishekgurjar-in/calculator

This calculator project allows users to perform basic arithmetic operations like addition, subtraction, multiplication, and division. The calculator has a sleek, user-friendly interface, and it handles all the essential operations, including clearing the input, and show the calculations .

calculator css javascript jsx react web-development

Last synced: 11 Oct 2024

https://github.com/ship-components/ship-components-outsideclick

React component to detect clicks outside of its children

babel browserify javascript javascript-library jsx react reactjs webpack

Last synced: 11 Jan 2025

https://github.com/abhishekgurjar-in/crypto-finder

Cryptocurrencies are all the rage these days, and with the plethora of coins available, it’s essential to have a tool to easily search and view details about them. The Crypto Finder app does just that. Built with React.

api crypto-finder css javascript jsx react web-development

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/country-finder

Country Finder application using React. This application allows users to search for countries, filter them by region, and view detailed information about each country. We will utilize React's hooks and context to manage state and theming, and we'll integrate with the REST Countries API

api country-finder css javascript jsx react web-development

Last synced: 11 Oct 2024

https://github.com/andyfang36/react-examples

React examples

examples jsx react

Last synced: 16 Jan 2025

https://github.com/codelikeagirl29/react-profile-concept

Welcome to your personalized digital space! This profile page brings your unique identity to life.

deployed-to-vercel font-awesome jsx profile-page react react-show-more-text tailwindcss vercel vite

Last synced: 05 Dec 2024

https://github.com/joeribreedveld/portfolio-website-v3

My third portfolio website made with Next.js

css html javascript jsx nexjs portfolio react sass website

Last synced: 11 Jan 2025

https://github.com/joeribreedveld/f3m9-prog-react-todo

React todo app for school assignment

jsx react reactjs school todo

Last synced: 11 Jan 2025

https://github.com/oscardelgado02/learn-next.js

Self-learning project to learn to build full-stack applications in Next.js, a React framework.

css js jsx nextjs nextjs14 react reactjs tailwind tailwind-css tailwindcss ts typescript

Last synced: 16 Jan 2025

https://github.com/anupamakib/telescope-livetv-webapp-frontend-reactjs

Using this web application, user can watch live tv that available in YouTube. This application's backend use YouTube to fetch live TV links.

bootstrap font-awesome frontend javascript jsx jwt-authentication material-ui reactjs

Last synced: 14 Jan 2025

https://github.com/ramgoel/reactclones

Website Clones made in React.

clones css html jsx react

Last synced: 13 Jan 2025

https://github.com/ramgoel/gan-assignment

Bakecut - Made in React & Redux

jsx reactjs redux

Last synced: 13 Jan 2025

https://github.com/pascalallen/vanilla-react

The motivation behind this project is to demonstrate foundational frontend skills without extraneous dependencies. This project uses only React, JSX, CSS, and Webpack, focusing on core functionality without relying on any third-party libraries.

css html jsx react webpack

Last synced: 06 Jan 2025

https://github.com/abhishekverma051/weather-app-react-native

WeatherApp is a sleek and intuitive mobile application built with React Native that provides real-time weather information at your fingertips. Designed to deliver accurate and up-to-date weather forecasts.

asyncstorage javascript jsx react-native

Last synced: 30 Dec 2024

https://github.com/mahammad-mostafa/hello-rails-react

This is the first project in the full stack capstone module of the Microverse program. It is an exercise for using Rails with React through jsbundling-rails gem & WebPack.

api babel es6-javascript eslint gitflow-workflow jsbundling-rails jsx microverse microverse-projects microverse-students postgresql rails-api react-redux react-router reactjs redux-toolkit rubocop ruby-on-rails stylelint webpack

Last synced: 08 Dec 2024

https://github.com/sanwebinfo/preact-cricket-score

Automated Static site - Publish Live Cricket Score Updates for Every 5 to 10 Minutes.

bulma cricket cricket-app cricket-data cricket-score cricket-scorecard cricket-stats css html javascript jsx livescore preact score tsx typescript

Last synced: 16 Dec 2024

https://github.com/syarul/luax

Shallow React createElement implementation in LUA, support JSX like syntax parsing

ast dsl jsx jsx-syntax lua react

Last synced: 11 Oct 2024

https://github.com/fatahpratam/tutorial-react-state

Created for documenting my progress for Hitesh's React YouTube tutorial. (Chapter 4)

eslint frontend javascript jsx react vite web-app web-development

Last synced: 19 Nov 2024

https://github.com/fatahpratam/tutorial-react-vite

Created for documenting my progress for Hitesh's React YouTube tutorial.

eslint frontend javascript jsx react vite web-app web-development

Last synced: 19 Nov 2024

https://github.com/fatahpratam/tutorial-cra

Created for documenting my progress for Hitesh's React YouTube tutorial. (Chapter 1)

create-react-app frontend javascript jsx react web-app web-development

Last synced: 19 Nov 2024

https://github.com/capricorncd/mini-react

fiber, task scheduler, useState, useEffect

jsx react vite

Last synced: 14 Dec 2024

https://github.com/i-rocky/rc-iframe

IFrame component for React

iframe jsx react react-components

Last synced: 11 Jan 2025

https://github.com/anthony-2003/wild-oasis-proyect

This project is a hotel booking management system designed for administrative staff to efficiently handle reservations and manage hotel operations.

jsx react react-form-hook react-query react-router supabase supabase-auth

Last synced: 11 Oct 2024

https://github.com/mcnallydev/react-md-input

React Component Material Design Input.

javascript jsx react

Last synced: 10 Dec 2024

https://github.com/mcnallydev/react-md-progress-bar

React Component Material Design Progress Bar.

javascript jsx react

Last synced: 10 Dec 2024

https://github.com/andregoncalves/stencil-countrylist

st-countrylist is a web component built with Stencil to generate a country list drop down (select) element.

countries country-picker jsx stencil webcomponents

Last synced: 12 Oct 2024

https://github.com/raymond-mawina/a-react-redux-sagas-game-project

A small escape a dungeon game, created using react, redux, redux-sagas, html-canvas, material UI and unit tested using jest and react-testing-framework.

html5-canvas jest jsx material-ui react react-testing-library redux redux-saga

Last synced: 27 Dec 2024

https://github.com/ampmonteiro/vite-solidjs-mpa

MPA blog demo with vite and solidjs

jsx mpa solidjs vitejs

Last synced: 09 Jan 2025

https://github.com/meeruzairwashere/my-first-react-page

Getting started with React!

html jsx react

Last synced: 09 Jan 2025

https://github.com/mcnallydev/react-md-card

React Component Material Design Card.

javascript jsx react

Last synced: 10 Dec 2024

https://github.com/speelbarrow/rereact

Small demo program to (re-)familiarize myself with the React framework.

bun bunjs demo jsx react reactjs simple web web-dev web-development webdev webdevelopment

Last synced: 16 Jan 2025

https://github.com/aman3096/formit

Form made using react.js and react-router-dom

css html-css-javascript javascript jsx png react react-router-dom svg-icons

Last synced: 28 Dec 2024

https://github.com/saulwolfdev/react-review

Todo list, repaso de conceptos en la nueva versión de React

arrow-functions async-await destructuring filter json jsx map npm prop-types react

Last synced: 16 Nov 2024

https://github.com/aman3096/webpack-project

webpack project bundler setup in css, source-maps, React-jSX syntax, HTML, javascript.

html-css-javascript html5 jsx react reactjs source-maps webpack webpack5

Last synced: 28 Dec 2024

https://github.com/h-campos/api-weather

Weather application 🌤️

javascript jsx react styled-components weather-api

Last synced: 16 Dec 2024

https://github.com/barbarpotato/advanced-react-course

This course covers advanced React development. We'll learn how to use more advanced React concepts and features, optimize and test your React applications, and become proficient in using React and JSX.

context customhooks fetch-api form higher-order-component hoc jest-tests jsx list reacttestinglibrary render-props state-management useeffect usereducer useref usestate

Last synced: 11 Jan 2025

https://github.com/pascalduez/babel-plugin-jsx-svg

Tree shackable SVG aliases for JSX

babel babel-plugin jsx svg

Last synced: 07 Dec 2024

https://github.com/mdbootstrap/react-dialog

Responsive React Dialog built with Bootstrap 5. Examples of dialog box UI for confirm & reject dialog popups, alert dialogs & more.

bootstrap bootstrap-modal bootstrap-template bootstrap-theme bootstrap5 css html jsx react-bootstrap react-modal reactjs

Last synced: 06 Jan 2025

https://github.com/nourayman10/react-hooks-msp23

This repository contains the content that was explained, studied and worked on in MSP for the year 2023, including videos for each session and a task for it, and videos for solving this task

css3 hooks html5 javascript jsx reactjs

Last synced: 16 Jan 2025

https://github.com/guptamudit/e-learn

Learning Management Platform. This E-Learn Platform is based on NextJs. The Authentication is provided by Clerk Authentication and backend cloud storage and schemas is provided by HyGraph, a platform where GraphQl queries helps in importing databases and perform operations on them.

clerkauth graphql hygraph java jsx lucide-react nextjs react tailwindcss

Last synced: 11 Oct 2024

https://github.com/donatto22/toxicdollreact

ToxicDoll website remastered using ReactJS

aosjs css3 jsx mui-icons react react18 vercel

Last synced: 31 Dec 2024

JSX (JavaScript XML) Awesome Lists
awesome-preact 137 awesome-solid-js 195 hyperawesome 71 awesome-brisa 35
JSX (JavaScript XML) Categories
Uncategorized 248 Resources 135 📦 Components & Libraries 132 Table of Contents 65 Utilities V1 17 Articles & Tutorials V1 10 Examples V1 9 Boilerplates V1 9 Utilities 8 Official Resources 6 Articles & Tutorials 4 Starters 3 Examples 2 Other V1 2 Applications 1 Testing V1 1 🛠️ Tooling 1