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/dzmitryur/bmi-calc

Body Mass Index Calculator

css3 jsx react reactjs

Last synced: 18 Jan 2025

https://github.com/shani-kumar-gupta/namaste-react-live

Namaste React Live Course

component jsx react reactjs

Last synced: 24 Jan 2025

https://github.com/belchenkov/webpack-config

Settings webpack (Babel, TypeScript, Sass)

html-webpack-plugin jsx less react sass typescript webpack4

Last synced: 05 Jan 2025

https://github.com/romagny13/vdom-demo

Create vdom (with JSX)

demo jsx vdom

Last synced: 30 Nov 2024

https://github.com/abhishekgurjar-in/social-media-theme-switcher

This theme switcher project allows users to toggle between light and dark themes on a social media-like interface. The application switches the colors of the entire user interface, including the background, text, and button colors, based on the selected theme.

css javascript jsx react social-media-dashboard social-media-theme-switcher web-development

Last synced: 11 Oct 2024

https://github.com/sepruko/config.npm

Shared configuration files for tools available via NPM

biome biomejs css graphql javascript json jsx tsx

Last synced: 21 Jan 2025

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

The BMI Calculator is a responsive web application built with React. It takes the user's weight (in kilograms) and height (in centimeters) as inputs and calculates the BMI. The app then displays the calculated BMI along with a corresponding weight .

bmi-calculator css javascript jsx react web-development

Last synced: 11 Oct 2024

https://github.com/root-hk/counterapp

Basic counter app with user input value increament

component jsx usestate

Last synced: 21 Jan 2025

https://github.com/harshitajag123/quicknotes-app

QuickNotes is a minimal React-based note-taking app focused on productivity and organization. Features include group creation, popup-based UI, and seamless group switching for effective note management. LocalStorage integration ensures persistent data across page reloads, enhancing user experience.

axios-react jsx react-hooks react-router reactjs

Last synced: 21 Jan 2025

https://github.com/c-ross-c-heck/crosscheck-fe

전세사기를 방지하기 위한 챗봇 서비스

jsx react

Last synced: 21 Jan 2025

https://github.com/gyanqui/webservices-teamproject

This is a university team project for course CSE 341 Web Services. Mainly focus on building a web application from scratch using Node.js and MongoDb.

jsx mongodb nodejs swagger

Last synced: 21 Jan 2025

https://github.com/bhanupm07/travel-journal

Travel journal web app | Scrimba | React

create-react-app jsx map props reactjs

Last synced: 22 Dec 2024

https://github.com/bhanupm07/pda

Personal Digital Assistant | Udemy | React(static page)

components jsx map

Last synced: 22 Dec 2024

https://github.com/shivam1611/react-whether-app

This is the react whether app that gives the whether status using API calls.

api css3 html5 jsx reactjs tailwind-css

Last synced: 23 Jan 2025

https://github.com/giulic3/giulic3.github.io

My serious not so serious personal website

css gatsbyjs github-pages html javascript jsx reactjs

Last synced: 22 Dec 2024

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

The Movie Finder website is a React-based application designed to help users search for and explore movies and TV series. Whether you’re a film enthusiast or just looking for something new to watch, this website will offer a streamlined way to find what you’re looking for.

api css javascript jsx movie-finder react web-development

Last synced: 11 Oct 2024

https://github.com/letsdeepchat/robofriends

Robofriends is about group of robots cards with name and email, in this we used ReactJS to build amazing UI and applied filter with name and email.

class components css deepak deepak-chaudhari deepak14ri html javascript json-api jsx props reactjs state unmounting

Last synced: 19 Dec 2024

https://github.com/danny-englander/react-objkt-nfts

This project pulls in Objkt.com NFTs using the Objkt.com API via graphQL

cryptocurrency cssmodules-react graphql javascript jsx nft nfts react reactjs tezos tezos-blockchain

Last synced: 21 Jan 2025

https://github.com/ragab0/comfy_store

Comphy Store - A Full stack website

css3 express figma html5 javascript json jsx nextjs react redux tailwindcss

Last synced: 09 Jan 2025

https://github.com/xontab/react-forms-component

Form Component including validation for React

boilerplate forms jsx react validation webpack

Last synced: 23 Jan 2025

https://github.com/sarvagyakrcs/kumarsarvagya

This project is a React application that serves as a personal website. It consists of several components, including a navigation bar (NavBar), a jumbotron (Jumbotron), a personal blog (PersonalBlog), and a footer (Footer). The application fetches blog posts from a specified API endpoint and displays them on the personal blog section.

api css django-rest-framework jsx react router

Last synced: 23 Jan 2025

https://github.com/aryanj-nyc/react-tic-tac-toe

A tic-tac-toe game written in React with JSX. It features a computer player that cannot be beaten (only tied).

computer-player game jsx react

Last synced: 27 Dec 2024

https://github.com/g-vans/my-health-react-project

This is a platform for accessing affordable and cheaper medication drugs

css html javascript jsx reactjs

Last synced: 16 Jan 2025

https://github.com/benthepoet/threaditjs-react

A React/Redux implementation of ThreadItJS.

jsx react-sample reactjs webpack

Last synced: 22 Dec 2024

https://github.com/imjaroiswebdev/musify.pro-spotify.client

Basic Spotify player for top singles of a searched artist

javascript jsx react reactjs spotify-api

Last synced: 01 Dec 2024

https://github.com/rodrigo-dev7/fundamentos-react

masterclass sobre React JS mostrando do zero os principais conceito

hooks jsx learning-react masterclass reactjs

Last synced: 15 Dec 2024

https://github.com/osamamammar/sol-chive

👨🏻‍💻 Solution Archive is an open source application that allows user to archive an important problems and their solutions, that will help developers for incoming interview preparation.

css hooks html javascript jsx react styled-components

Last synced: 05 Dec 2024

https://github.com/sucodelarangela/udemy-sass

Repositório para os exercícios feitos no curso de Sass da Udemy, ministrado pelo desenvolvedor Matheus Battisti (https://www.horadecodar.com.br/). // Exercises done during the Matheus Battisti's Sass course on Udemy.

jsx react sass udemy vite vitrinedev

Last synced: 21 Jan 2025

https://github.com/henriteinturier/converter-devise-react-without-store

cp3 Développer une interface utilisateur web dynamique

javascript jsx react sass

Last synced: 01 Dec 2024

https://github.com/rafaelvicio/aprendendo_react

Repositorio utilizado para aprender um pouco do React

babel gulp jsx react webpack

Last synced: 23 Jan 2025

https://github.com/thirashapw/rwad-react-native-web-app-dev

Fast web android app generate with RWAD terminal

groovy java jdk jsx nodejs react-native ruby

Last synced: 20 Jan 2025

https://github.com/infantiablue/vanjs

Pure vanilla javascript toolkit

javascript jsx

Last synced: 31 Dec 2024

https://github.com/phalbert/libro

Vue 3 app to test composition, jsx, hooks, and vite

composition-api hooks jsx vite vue3 vue3-composition-api vue3-hooks vue3-jsx

Last synced: 23 Jan 2025

https://github.com/nileshgulia1/react-compo

Started creating React Components

es6 javascript jsx reactjs router

Last synced: 24 Jan 2025

https://github.com/kamilajesus/react_mdn

Projeto feito com React ensinado pelo site de documentações da Mozilla.

jsx mozilla react

Last synced: 21 Jan 2025

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

Responsive React Sliders built with Bootstrap 5. Range slider bar with label or a carousel image slider? No matter what you are looking for, we've got you covered.

bootstrap bootstrap-template bootstrap-theme bootstrap5 css html jsx react react-bootstrap react-slider

Last synced: 22 Jan 2025

https://github.com/olawale-o/react-todo-app

"React Todo App" is a tutorial on how to work with React.

css jsx reactjs

Last synced: 17 Dec 2024

https://github.com/mushfiqurniazzz/mysql-crud-operations-with-nodejs-and-reactjs

This app allows users to save users with name and email with specific id for everyone, featuring functionalities like create, read, update, delete. It uses MySQL as the database to store users, Express.js for handling server-side logic, React.js for building the user interface, and Node.js for server-side runtime environment.

bootstrap crud css express expressjs expressroute expressrouter javascript jsx modal mysql mysql2 nodejs react single-page-app

Last synced: 21 Nov 2024

https://github.com/alexxandergrib/telegram-jsx

TSX/JSX runtime for telegram bots

bot components formatting jsx telegram tsx

Last synced: 15 Nov 2024

https://github.com/nileshgulia1/react-app

A React Basic Application

es6 javascript jsx react react-bootstrap

Last synced: 24 Jan 2025

https://github.com/vvaldesc/react_custom_hook

Little react based webpage meant to fetch api content

custom-hooks-in-react fetch jsx react useeffect usestate

Last synced: 18 Jan 2025

https://github.com/poswalsameer/minerush

Cloned one of the most popular game from Stake Casino - Mines.

css3 frontend html5 javascript jsx nextjs tailwindcss webdevelopment

Last synced: 01 Dec 2024

https://github.com/carmona44/drum-machine

Proyecto nº 3 React freeCodeCamp. Drum machine

css drum-machine freecodecamp freecodecamp-project github-pages js jsx react

Last synced: 26 Jan 2025

https://github.com/ashrafmo-1/ibn-elsham

contact Ibn Elsham

api css3 hooks jsx

Last synced: 25 Jan 2025

https://github.com/rafaeldevvv/open-trivia-quiz

A simple quiz made with questions provided by the Open Trivia DB API

api css fetch html javascript jsx quiz react sass

Last synced: 27 Dec 2024

https://github.com/hip1310/mylibrary

A web application to create our own library which helps to organize books in different shelf. This app uses React to render the UI.

jsx npm react-component react-props react-router react-state

Last synced: 25 Jan 2025

https://github.com/hip1310/trackmeals

A web application which helps to track your meals for a week. Edamam recipe search api is used to get recipe for a particular meal and to create shopping list based on ingredients used in recipe. This application uses react-redux to manage front-end state.

jsx npm react-redux redux-middleware

Last synced: 25 Jan 2025

https://github.com/faresbrayek2/github-login-vitejs

This repository features a visually appealing and functional Github-style login page created with ViteJS, a modern and fast front-end JavaScript framework.

github jsx login login-page vitejs

Last synced: 22 Dec 2024

https://github.com/gabrielchapov/responsive-website

Responsive website example, made with React.js and deployed via Vercel here:

css html javascript jsx reactjs website

Last synced: 15 Dec 2024

https://github.com/arwl2016/hello-react

Udemy course projects - Andrew Mead: Complete React

jsx react webpack

Last synced: 01 Dec 2024

https://github.com/terkasm/recepty

Apka na přidávání a mazání receptů, api

api javascript jsx vite

Last synced: 22 Dec 2024

https://github.com/unit2795/spacey

A style guide & coding standard for React/TypeScript projects that emphasizes meticulous organization, performance optimization, best practices, explicit clarity, and generous use of whitespace; taking one giant leap for code clarity and readability.

coding-standards eslint eslint-config jsx react styleguide typescript

Last synced: 12 Jan 2025

https://github.com/abhishekboadgurjar/mern-todo

This is a simple **MERN Todo Website** application that allows users to perform CRUD (Create, Read, Update, Delete) operations on a list of todos. It’s a lightweight project to demonstrate the integration of a full-stack application using the MERN stack.

crud-todo express jsx mern-todo mern-website mongodb nodejs react redux tailwind todo-website

Last synced: 12 Jan 2025

https://github.com/alexandrabaturina/to-do-list-exercise

React-based frontend for to-do list app

crud-operations jsx react usestate-hook

Last synced: 22 Dec 2024

https://github.com/golamsarwar96/smart-picks-app-client

Smart Picks is a Product Recommendation Website where people can post queries about specific products and get recommendations from other users.

axios axios-react daisy-ui daisyui es6-javascript firebase javascript jsx react react-hooks react-router reactjs sweetalert2 tailwindcss

Last synced: 12 Jan 2025

https://github.com/mahammad-mostafa/book-store

This is the third project of the third module in the Microverse program. It implement Redux toolkit with ReactJS app.

axios css-modules es6-javascript jsx microverse microverse-projects microverse-students react react-hooks react-redux react-router redux redux-thunk redux-toolkit responsive-layout single-page-app

Last synced: 08 Dec 2024

https://github.com/mahammad-mostafa/acceleratorapp-home-page

Built the complete home page for AcceleratorApp. The page is responsive for all screen sizes. Used GatsbyJS and ReactJS with Hooks. Implemented page styling in Module CSS.

css-grid css3 es6-javascript flexbox-css gatsby gatsby-site gatsby-starter gatsbyjs graphql html5 javascript jsx jsx-syntax module-css react react-hooks reactjs responsive

Last synced: 08 Dec 2024

https://github.com/mahammad-mostafa/list-viewer-demo

A simple ReactJS list viewer with animation. It fetches an endless user list with a flip animation. Hooks are used for data fetching and flip animation.

css-flexbox css-grid css3 css3-animations fetch-api hooks html5 javascript jsx react-hooks reactjs

Last synced: 08 Dec 2024

https://github.com/mahammad-mostafa/retink-home-page

Responsive home page for Retink media using ReactJS with Hooks. Implemented some css animations and hovering interactions.

css-flexbox css-grid css3 hooks html html-css-javascript html5 javascript js jsx react react-hooks reactjs responsive-layout

Last synced: 08 Dec 2024

https://github.com/cristovao-trevisan/vue-with-jsx

Contabilizei's Meetup about Componentization using Vue with JSX

componentization contabilizei jsx meetup vue

Last synced: 01 Dec 2024

https://github.com/damirscorner/20200710-nuxt-typescript-tsx

Sample project for "Class components with TSX/JSX in NuxtJS" blogpost

jsx nuxt tsx vue

Last synced: 01 Dec 2024

https://github.com/golamsarwar96/sport-flex-app-client

Sport Flex is a sport equipment ecommerce website where sports equipment are bought and sold between a buyer and seller.

context-api es6-javascript expressjs firebase firebase-auth firebasehosting javascript jsx mongodb react react-hooks react-router reactjs

Last synced: 12 Jan 2025

https://github.com/odiegosilva1/vite-js

A repo to my front-end studies.

component jsx vitejs

Last synced: 25 Jan 2025

https://github.com/claire-labry/plant-clicky-game

Plant Clicky Game is a React-based application that tests the user's memory when clicking 12 different photos of plants. User's score will be tracked until they click a duplicate photo. React, Javascript, JSX, + Bootstrap were used to build this application.

bootstrap javascript jsx reactjs

Last synced: 26 Jan 2025

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: 17 Jan 2025

https://github.com/umarilly/command-line-interface-repl

A Frontend Command Line Interface - REPL (Read-Eval-Print Loop) is a tool that allows you to interactively enter commands or code snippets, which are then executed, and the results are displayed in real time.

css flask html javascript jsx python react

Last synced: 15 Dec 2024

https://github.com/umarilly/artistic-nft-hub

NFT Artwork Collection - This dashboard, built using React.js and Metaplex SDK, allows users to explore NFTs in a visually engaging way. With dynamic card displays and smooth animations, it offers a seamless browsing experience for art enthusiasts and collectors alike.

css html javascript jsx metaplex react sdk

Last synced: 15 Dec 2024

https://github.com/umarilly/oceanvue

OceanVue, a web application crafted with React.js, Python, Flask, and Firebase, empowers users to upload acoustic ship sounds for classification. Utilizing a Resnet 50 Deep Learning model, the process involves user authentication, profile management, ship classification, and report generation.

chartjs css daisyui firebase firebase-auth firebase-database flask javascript jsx python reactjs tailwindcss

Last synced: 15 Dec 2024

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

React Component Material Design Switch.

javascript jsx react

Last synced: 17 Jan 2025

https://github.com/oardi/preact-jsx-babel

Preact JSX Babel Starter

babel jsx preact

Last synced: 26 Jan 2025

https://github.com/matheusadc/im-here

The app allows the addition and removal of people in a specific event. Therefore, the project uses the React Native framework, featuring the JSX markup language and the TypeScript programming language.

android-studio jsx react-native typescript

Last synced: 12 Jan 2025

https://github.com/gustavogss/search-cep-rn

Aplicativo Android e IOS que busca o endereço pelo CEP

axios jsx react-native stylesheets

Last synced: 26 Jan 2025

https://github.com/erosnol/movie_search_react

Movie Search React Api practice

javascript jsx react reactjs

Last synced: 22 Dec 2024

https://github.com/erosnol/jeopardy_reactapi_app

Jeopardy Trivia App using JService! JService is an API that has Jeopardy trivia questions and answers available to the public.

javascript jsx react reactapi

Last synced: 22 Dec 2024

https://github.com/erosnol/korrilabbq_react

React App practice setting up components, data, props, state, dynamic rendering

html5 javascript jsx jsx-renderer react

Last synced: 22 Dec 2024

https://github.com/erosnol/floorplan_reactapp

Floor plan created using React components, JSX & CSS styling

css css-grid javascript jsx react

Last synced: 22 Dec 2024

https://github.com/tiagoviniciusdev/site-de-animes

Site de Animes que consome uma api

consumo-de-api jsx react reactjs

Last synced: 22 Dec 2024

https://github.com/tiagoviniciusdev/carrinho-de-compras

Carrinho de compras que permite inserir cupons de desconto de acordo com condições

jsx react reactjs

Last synced: 22 Dec 2024

https://github.com/tiagoviniciusdev/cadastro-login

Formulário de Cadastro/Login que permite que você crie um conta e logo em sequência consiga logar nela. Salva as informações de cadastro no localStorage

jsx localstorage react reactjs

Last synced: 22 Dec 2024

https://github.com/tiagoviniciusdev/loja-de-celulares

Esse projeto usa a api do mercado livre exibindo alguns celulares que o usuário pode adicionar ao carrinho

api jsx react reactjs

Last synced: 22 Dec 2024

https://github.com/kastorcode/gostack-live-06-geolocation-maps

Live #6 of the Rocketseat GoStack Bootcamp: Geolocation and Maps with NodeJS and React Native.

backend bootcamp brazil express fullstack geolocation goiania goias gostack javascript jsx live maps matheus mobile nodejs oliveira ramalho react-native rocketseat

Last synced: 26 Jan 2025

https://github.com/steenhansen/gmap-dragdrop-react

Google Maps drag and drop React component; on, off, and between maps

javascript jsx react

Last synced: 02 Dec 2024

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