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/washira/next-13-blog

A blog web app project using NextJs 13.4 app router (src/ directory).

jsx nextjs13 scss

Last synced: 20 Jan 2025

https://github.com/kurtgokhan/jsx-purify

Transform untrusted JSX to a safe JSX

jsx react react-jsx sanitize sanitizer security

Last synced: 21 Dec 2024

https://github.com/jardelgcunha/organov2

Based on the organo project. A new version, made to connect people to teams, it was developed in Alura's React course.

css html js jsx react vercel

Last synced: 15 Jan 2025

https://github.com/jardelgcunha/space-app

Made for people to access a photo gallery in the space with some interesting features. This project was developed in Alura's React course.

css html js jsx react styled-components vite

Last synced: 15 Jan 2025

https://github.com/jps27cse/project-management_react_firebase

Create project fields and assign them to team users.

css fireabse html jsx react reactrouter

Last synced: 05 Jan 2025

https://github.com/ankitmishralive/json_formatter

JSON formatter is a free online tool designed to assist users in formatting and beautifying their JSON codes. You can restructure your JSON with this online JSON formatter. A few clicks on your device will be enough to format your JSON code with this online tool.

chakraui javascript jsx reactjs webtool

Last synced: 27 Jan 2025

https://github.com/andrewindeche/netflix

The repository contains a clone of Netflix site built using ReactJs ,Movie API,Redux and Firebase showing different Movie categories with their trailers on-click (Project is in-progress)

firebase-auth jsx reactjs redux

Last synced: 06 Feb 2025

https://github.com/amiron0188/vue-tsx-hero

一个vue3 + ant + jsx 的简单入门例子，编写一个王者荣耀资料展示网页。

jsx vite vue

Last synced: 12 Jan 2025

https://github.com/jlshanmathi/routertask

React router

css jsx reactjs router

Last synced: 20 Jan 2025

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/musiur/circular-progress-bar

I have tried to make a circular progress bar in react using the knowledge of html, css, and, svg.

css jsx react svg

Last synced: 09 Jan 2025

https://github.com/adrianoleitedasilva/react

Material do curso de React

jsx markdown react

Last synced: 10 Jan 2025

https://github.com/rathod-shubham/covidtracker

Developed a covid tracker that tracks overall cases, recovered cases, and deaths across the globe.

api card effects hooks html-css-javascript jsx material-ui react reactjs state

Last synced: 22 Jan 2025

https://github.com/0xhilsa/canvas-react-phone

Canvas using React+Vite for Mobile users

jsx reactjs vitejs

Last synced: 22 Dec 2024

https://github.com/0xhilsa/bg-color-changer

Using React+Vite

jsx rectjs vitejs

Last synced: 22 Dec 2024

https://github.com/1rjb/green-neighbourhood-cc

A Full Stack Development Project. Made for a FSDP school team project

cjs community-centers css full-stack-development-project html javascript json jsx nodejs

Last synced: 05 Jan 2025

https://github.com/gotoeasy/vite4-vue3-js-starter

vite4+vue3+javascript+vue-router4+pinia+jsx+nprogress+axios+eslint+prettier+stylelint+vscode等配置的一套前端项目基础骨架

admin eslint jsx pinia prettier stylelint vite4 vscode vue-router4 vue3

Last synced: 22 Jan 2025

https://github.com/meeruzairwashere/airbnb-homepage-clone-using-react

This Git repository contains code for a simple Airbnb homepage built using React. It includes all necessary React components and CSS files needed to build the page, along with a README file providing instructions on how to set up and run the project locally.

css html js jsx react

Last synced: 09 Jan 2025

https://github.com/tbrlpld/tictactoe

Tic-Tac-Toe game created in React

js jsx react

Last synced: 12 Jan 2025

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

https://github.com/joaoplgaspar/studies-timing

Defina tarefas e o tempo para conclui-las, com um formulário, lista e cronometro funcional.

css cssmodules html javascript js jsx organization react reactjs reactts sass scss studies ts tsx typescript vitrinedev

Last synced: 01 Feb 2025

https://github.com/principlebrothers/to-do-list-app

Single page app that allows user to add, delete, update and mark task as completed.

jsx reactjs

Last synced: 02 Feb 2025

https://github.com/mohammadmrd/react-todo-app

A simple TODO application using React without JSX

jsx react todo todoapp

Last synced: 22 Jan 2025

https://github.com/matheusadc/cardapiodigitalreact

This project represents, in a summarized and generic way, a menu created using the JavaScript library, React. Additionally, the JSX syntax extension was used in part of the code, such as in the 'Navegação' component. Finally, the chosen local development server was Vite.

javascript jsx reactjs

Last synced: 22 Jan 2025

https://github.com/abhay-01/simpleregister_reactjs

A simple Registration page using React JS and Bootstrap

bootstrap javascript jsx reactjs

Last synced: 07 Feb 2025

https://github.com/alexmihov96/react-budget-planner

Final exam of my react course from Software-University

jsx react redux

Last synced: 28 Dec 2024

https://github.com/charlenry/liste-de-livres

Application de liste de livres ; on peut y ajouter, modifier ou supprimer des livres

bootwatch class-components javascript jsx reactjs

Last synced: 16 Jan 2025

https://github.com/aaronyu728/notenook

This is a simple note taking application built using React.js and Material-UI. The app allows users to create, view, and manage their notes efficiently.

jsx material-ui reactjs

Last synced: 24 Jan 2025

https://github.com/chouaib-629/reactjs_swolenormous_gymapp

A fitness application designed to provide users with exercises to achieve significant muscle growth and development

css3 font-awesome google-fonts html5 js jsx nodejs react reactjs tailwindcss vite

Last synced: 29 Dec 2024

https://github.com/mdbootstrap/react-card-deck

Responsive Card Deck built with Bootstrap 5, React 17 and Material Design 2.0. Bootstrap card-deck with multiple rows and standard breakpoints.

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

Last synced: 16 Jan 2025

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

Hidden sidebar, perfect for use in the form of additional navigation, for example in ecommerce projects or dashboards.

bootstrap bootstrap-offcanvas bootstrap-react bootstrap-template bootstrap-theme bootstrap5 css jsx react react-offcanvas sidenav

Last synced: 16 Jan 2025

https://github.com/jeonggoncho/react-practice-diary

📕 React를 이용하여 제작한 'Diary 클론코딩'입니다.

clone-coding javascript jsx react

Last synced: 20 Dec 2024

https://github.com/deenuy/react-recipe-app

This application is developed in a react js component and promise based design to search and discover food recipes based on third party Recipe Search API (EDAMAM).

css html javascript jsx nodejs reactjs

Last synced: 12 Feb 2025

https://github.com/jeonggoncho/react-practice-emotion-diary

📘 React를 이용하여 제작한 'Emotion Diary 클론코딩'입니다.

clone-coding javascript jsx react

Last synced: 20 Dec 2024

https://github.com/g-vans/phase-2-code-challenge--bot-battlr

Bot Battle code challenge

jsx reactjs

Last synced: 16 Jan 2025

https://github.com/itsindrajput/sunsetcafeapp

👋 Welcome to Sunset Cafe App! We're a special place where delicious food meets a cozy atmosphere. Our cafe isn't just for eating; it's a comfy spot where every sip and bite brings lots of yummy flavors and happy times. Come visit us and enjoy a fantastic dining adventure!

css3 hooks jsx multi-page-application reactjs router

Last synced: 27 Jan 2025

https://github.com/ashlyn-joshy/quick-bite

This react app is built using the live Swiggy API's

babel jsx parcel-bundler react react-router-dom redux-toolkit tailwind

Last synced: 24 Dec 2024

https://github.com/hamza-cpp/qr-code

The QR code component challenge solution on Frontend Mentor, and deployed to Vercel.

frontend html-css-javascript js jsx qr-code qrcode react tailwind-css tailwindcss vercel vercel-deployment

Last synced: 01 Feb 2025

https://github.com/axelo/tslint-jsx-typed-class-name

TSLint rule to provide typed class names for the jsx attribute className. Add more safety to your react components, especially with the css utility library of your choice.

classname css jsx react tachyons-css tailwind-css tslint tslint-rules typed

Last synced: 20 Jan 2025

https://github.com/skhasimahmed/food-delivery-app-frontend

FoodZie is a user-friendly React app designed for seamless food delivery. With an intuitive interface, users can explore diverse menus and place orders with just a few clicks. FoodZie aims to enhance your dining experience from the comfort of your home.

javascript jsx npm payment-gateway reactjs stripe user-authentication vite

Last synced: 20 Jan 2025

https://github.com/chetannada/firstreactapp

This is my first react app. I have used an avatar API so viewer can change an illustrated Avatar of Developers by clicking on avatar.

api css3 html5 javascript jsx reactjs

Last synced: 01 Feb 2025

https://github.com/asheelahmedsiddiqui/project-e-commerce

Furnio - Online Furniture Shop Furnio is an e-commerce platform for furniture shopping, featuring: Easy Shopping: Browse, add to cart, and checkout effortlessly. Real-Time Updates: Admins can add products and categories instantly. Insights Dashboard: Monitor user activity and order statistics. Transform your home with Furmio's stylish offerings!

css css3 ecomerce-web-app ecommerce-application ecommerce-website html html5 javascript javascript-applications js jsx react react-dom react-hooks react-router reactjs

Last synced: 20 Dec 2024

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/gourabofficial/overpower-react

learing React js

jsx react reactjs

Last synced: 20 Dec 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/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/m-essam-s/we-fullstack-internship

Repository for comprehensive full stack development training. Features a modern front-end built with React and a robust back-end powered by PHP Laravel. This project showcases the integration of cutting-edge technologies to deliver dynamic, responsive web applications.

js jsx react routing vite

Last synced: 20 Dec 2024

https://github.com/elliotalien/weather-app

This is a simple weather application built with React and Vite. It allows users to search for weather information of different cities.

api html javascript jsx reactjs tailwindcss vite weather-app

Last synced: 20 Dec 2024

https://github.com/dzenis-h/mern_shop

Full-stack shopping cart web app built with the MERN stack.

api bootstrap css ecommerce es6 express javascript jsx mern-stack mongodb mongoose nodejs prototype react shop-application

Last synced: 18 Jan 2025

https://github.com/supernovasatsangi23/advanced-user-authentication-react-app

This is a react.js project that focuses on implementing user authentication system using react hooks. The functionality includes basic login, logout and password-changing while hiding profile-page if logged out.

application authentication create-react-app css-modules css3 functional-components html5 jsx jsx-syntax npm react react-hooks reactjs user-interface webapp

Last synced: 03 Feb 2025

https://github.com/sravantp7/react-starter-code

reactjs starter code for easy development

jsx reactjs

Last synced: 04 Feb 2025

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/jovey-zheng/vue-learn

A leraning project, build by Vue 2.x, Vuex, Vue-router and support JSX etc.

jsx starter-kit vue-router vuejs2 vuex

Last synced: 23 Jan 2025

https://github.com/supernovasatsangi23/favorite-products-react-app

This is a simple react.js project that displays a list of various products and enable users to mark their favorite ones. The aim of this project is to practise using react-hooks instead of redux, implementation-wise.

application create-react-app css-modules css3 functional-components html5 jsx jsx-syntax npm products react react-hooks reactjs redux todoapp webapp

Last synced: 03 Feb 2025

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

A brief introduction into ReactJS.

jsx react understanding-react

Last synced: 20 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/supernovasatsangi23/expense-tracker-react-app

This is a react.js app that keeps a track of expenses. It is a to-do app version of expenses. With graphs for visualization, it makes it easier for the user to have a big picture of their expense and it can track expenses in a wide range of date. The expense should have a title, amount and date. The list of expenses can be filtered as well.

application create-react-app css-modules css3 expense-tracker functional-components functionalcomponents html5 jsx jsx-syntax npm react-components react-hooks reactjs todo todo-app tracker webapp website-development

Last synced: 03 Feb 2025

https://github.com/fatahpratam/tutorial-currency-converter

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

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

Last synced: 23 Jan 2025

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/supernovasatsangi23/food-order-react-app

This is the amazon version of food. This react.js project is a webapp that enable users to order food online. The users can store their orders in a cart and order from there and see the amounts of dishes available and the quantities. This app has all the functionalities behavior, major and minor that an amazon website has.

application create-react-app css-modules css3 food-app food-ordering food-products functional-components html5 jsx jsx-syntax npm react react-hooks reactjs webapp

Last synced: 03 Feb 2025

https://github.com/cfmvcarlos/react-meta-coursera

This repository contains a collection of projects developed during the React Basics course by Meta on Coursera. Each project demonstrates specific React concepts and techniques, offering hands-on experience in building React applications and applying React principles.

chakra-ui-react coursera css3 formik-yup html5 javascript jsx meta react react-components react-hooks react-router

Last synced: 23 Jan 2025

https://github.com/supernovasatsangi23/user-authentication-react-app

This is react.js app project that focuses on exploring the basics of user authentication implementation using varous react-hooks.

application authentication create-react-app css css-modules css3 functional-components html5 jsx jsx-syntax npm react react-hooks reactjs user-interface webapp

Last synced: 03 Feb 2025

https://github.com/asrieldreemurrgm/mostrador_perfis_github

Desenvolvido mostrador de perfis do GitHub para prática e estudo sobre o React.

components css css-modules-react fetch-api html5 javascript jsx useeffect-hook vitejs-react

Last synced: 23 Jan 2025

https://github.com/fatahpratam/tutorial-theme-switcher

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

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

Last synced: 23 Jan 2025

https://github.com/fatahpratam/tutorial-mini-context

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

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

Last synced: 23 Jan 2025

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

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

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

Last synced: 23 Jan 2025

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: 02 Feb 2025

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/abhay-kanwasi/code-in-browser

Web application that allows you to write or run code snippets in various programming languages. Try it out Choose a programming language from the available options: Python, JavaScript, C Sharp, PHP, Java, and TypeScript. Write your code in the editor. Click the "Run Code" button to see the output.

code jsx monaco-editor reactjs

Last synced: 12 Jan 2025

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

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

手写React代码，实现React18核心功能，包含JSX、ReactDOM、Reconciler、Hooks、Suspense等。彻底掌握React实现原理，精通React。

dom-diff jsx react react-fiber react-hooks reactdom reconciler virtual-dom

Last synced: 20 Dec 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: 22 Jan 2025

https://github.com/ashwinsomi/react_quizapplication_1

application allows you play a quiz

context-api css jsx react

Last synced: 20 Dec 2024

https://github.com/bogeyman76/documentvisible

A React hook to monitor if the current browser tab is visible or not.

javascript jsx react react-hook typescript-react

Last synced: 20 Dec 2024

https://github.com/jgabrielleal/jsx-simplify

Biblioteca leve para simplificar a lógica dentro do JSX, tornando o código mais limpo.

biblioteca frontend javascript jsx react

Last synced: 01 Nov 2024

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/ahawazi/online-shop

online project by React.js

jsx online-shop react reactjs

Last synced: 20 Dec 2024

https://github.com/mazin-emad/mazin_blog

This is a Blog project built with react js and uses firebase for the backed

firebase jsx reactjs responsive-design routing

Last synced: 20 Dec 2024

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/joe-dakroub/prototype_timothymcallister

Prototype website for classical saxophonist Timothy McAllister

contentful gatsby jsx mapbox react

Last synced: 28 Jan 2025

https://github.com/dzenis-h/stitch-shop

A basic React app built for the sole purpose of getting to know the MongoDB Stitch serverless platform.

javascript jsx mongo-stitch mongodb prototype react serverless stitch

Last synced: 18 Jan 2025

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