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/dracula27/react_cards

This is my second project with a "full-stack" React App through Per Scholas. Again, the backend is set up, but not used. This app displays vacation spots on cards.

css git github html jsx react

Last synced: 18 Jan 2025

https://github.com/ameer2000mzori/tours-app-react

Tours-App-React is a project created with React and styled with Tailwind CSS. It uses an API to fetch data, and Axios is utilized for the API fetching. This project serves as a means for me to learn new concepts in React. Please check out the sample images or download the project for a better understanding.

axios jsx prettier react tailwindcss

Last synced: 24 Jan 2025

https://github.com/ameer2000mzori/tabs-app-react

Tabs-App-React is created with React and styled using TailwindCSS, with Axios for fetching data and Prettier for cleaner code. The goal is to learn how to work with Axios and utilize React hooks effectively. Please check out sample images or download the project for a better understanding.

api axios jsx prettier reactjs talwindcss

Last synced: 24 Jan 2025

https://github.com/ameer2000mzori/reviews-app-react

Reviews-App-React is a React project styled with Tailwind CSS, using Prettier for cleaner code, and utilizing hooks such as useEffect and useState. Download the project or check out the sample images for a better look.

jsx react tailwindcss

Last synced: 24 Jan 2025

https://github.com/darmody/babel-transform-jsx-component-showing-controll

Showing current component or other component conditionally

babel conditional jsx plugin

Last synced: 24 Jan 2025

https://github.com/dracula27/react_counter

This is my third project with a "full-stack" React App through Per Scholas. Again, the backend is set up, but not used. This app uses the useState hook to increment/decrement/reset a counter. It also demonstrates the useEffect hook.

git github hooks jsx react

Last synced: 18 Jan 2025

https://github.com/surajsgh/a_typical_page

🔧 A dummy application built by me to learn some advanced concepts of React.js such as useReducer, useEffect and Context API.

css hooks html jsx reactjs

Last synced: 03 Jan 2025

https://github.com/dracula27/react_router_stock_app

Per Scholas - Week 12 - "multi-page" React - Assignment: React Router Stock App

git github jsx react react-components react-router-dom

Last synced: 18 Jan 2025

https://github.com/mohamedhnoor/mhnoor-portfolio

A web application to showcase my skills and Recent Project. Built with Vite, React, and HTML5/CSS3.

css3 jsx react vitejs

Last synced: 25 Jan 2025

https://github.com/dracula27/movie_app

A simple react app that pings an API to display movie data.

api express jsx react react-hooks

Last synced: 18 Jan 2025

https://github.com/ameer2000mzori/mixmaster-app-react

MixMaster-App-React is a project created with React.js and styled with Tailwind CSS, utilizing React Query for fetching data and more. Please check out the sample images or download the project for a better understanding.

api axios jsx prettier react reactquery reactrouter tailwindcss

Last synced: 24 Jan 2025

https://github.com/vetri02/contacts

React Contacts App

jsx react reactjs

Last synced: 03 Jan 2025

https://github.com/lucambr0/school-times

School Times is a webapp that provides a convenient way for students to access their weekly class schedules and more school-related information.

css html html-css-javascript javascript jsx pwa react react-components school-project web-development webapp

Last synced: 04 Jan 2025

https://github.com/the-akira/react-games

A Simple Games App made with ReactJS

api filters games jsx netlify pagination react react-component reactjs

Last synced: 18 Jan 2025

https://github.com/stephanepericat/react-monorepo-boilerplate

A small monorepo boilerplate for React 17+ components; using Yarn Workspaces.

jest jsx plop react storybook styled-components tailwindcss

Last synced: 25 Jan 2025

https://github.com/ameer2000mzori/color-gen-react

Color-Gen-React is a website created with React.js, styled with TailwindCSS, and formatted using Prettier to make the code cleaner. Color-Gen-React is a simple website where you can generate 20 variations of the color you have selected.

jsx prettier ractjs tailwindcss

Last synced: 24 Jan 2025

https://github.com/carlosvinimsouza/devplenoflaskreactjs

Desafio - contruir API com Flask e PageWeb com ReactJS

backend flask front-end full-stack javascript jsx python python3 react reactjs

Last synced: 11 Jan 2025

https://github.com/surajsgh/expense_tracker

📖 🖋 It's finally a time to manage your daily expenses!

css html javascript jsx react ui web-development

Last synced: 03 Jan 2025

https://github.com/ameer2000mzori/context-app-react

Context-App-React is created using ReactJS and styled with TailwindCSS. I'm dedicated to learning how to use Context both globally and in a standard manner. Feel free to download the project or check out the sample images for a better understanding.

context-api jsx prettier reactjs tailwindcss

Last synced: 24 Jan 2025

https://github.com/kemi-oluwadahunsi/talentsync-figma-to-spa

Task from TalentSync to be completed in 72hours. A figma design was provided and we are to build that with the stacks we know.

javascript jsx reactjs sass

Last synced: 04 Jan 2025

https://github.com/ameer2000mzori/cart-usereducer-react

Cart-UseReducer-React is a project developed using ReactJS and styled with TailwindCSS. The primary goal of this project is to enhance my understanding of the reducer hook. This is the reason behind the creation of this project. For a deeper understanding, feel free to download or check out the live demo.

cart jsx prettier reactjs reducer tailwindcss

Last synced: 24 Jan 2025

https://github.com/pedro-donoso/mynextjs

Proyecto creado en Nextjs, utiliza React y Tailwind, se conecta a API y muestra publicaciones en Cards

jsx jsx-syntax nextjs nextjs13 react reactjs

Last synced: 25 Jan 2025

https://github.com/pedro-donoso/react

TODO list en React JS, permite al usuario agregar nuevas tareas, termina las tareas actuales y el boton cambia su mensaje, se puede eliminar una tarea de la lista y editar las tareas en proceso o cancelar su edición.

jsx reactjs todolist

Last synced: 25 Jan 2025

https://github.com/pedro-donoso/react-app

React App de Breaking Bad Api, sitio reactivo con información de la serie, el usuario puede dar click en botón para conocer frases y personaje que la dijo, texto en ingles

api jsx reactjs

Last synced: 25 Jan 2025

https://github.com/madhur-taneja/confusion

A ReactJS webapp of a restaurant using JSX. This project is a part of Coursera's Front-End Web Development with React course.

confusion coursera coursera-specialization coursera-web-development javascript jsx react reactstrap redux

Last synced: 25 Jan 2025

https://github.com/ameer2000mzori/list-usereducer-react

List-UseReducer-React is a project created with ReactJS and styled using TailwindCSS. The goal of this project is to learn how to work with useReducer. To get a better understanding, download the project or check out the sample images.

javascript jsx prettier reactjs reducer tailwindcss

Last synced: 24 Jan 2025

https://github.com/ameer2000mzori/unsplash-reactquery-app

The Unsplash-ReactQuery-App is a website created with ReactJS and TailwindCSS. It uses Axios and React Query for data fetching, among other features. Additionally, it utilizes the Context API. Please download the project or check out the sample images.

jsx prettier react reactquery tailwindcss unsplash-api

Last synced: 24 Jan 2025

https://github.com/tzachbon/css.jsx

Write your CSS like JSX

babel css css-framework jsx postcss react tsx

Last synced: 23 Jan 2025

https://github.com/dvho/instashare-mobile-app

A cross-platform iOS/Android native mobile app I built in React Native, with a more robust camera with cutting edge features such as facial recognition as well as traditional features such as manual focus and manual white balance.

javascript jsx react-native

Last synced: 12 Jan 2025

https://github.com/aide-de-camp/pay

Collection of standalone Web Components that wrap the Web Payments API and make it easy to use

html jsx pay stencil stencil-components web-components web-payment web-payments

Last synced: 11 Jan 2025

https://github.com/wlodpawlowski/react-chat-application

Chat messenger web application developed with React, Redux, Webpack, Eslint, JavaScript, Babel and PubNub

babel chai chat-application css3 dom eslint html5 istanbul javascript json jsx messenger-application mocha pubnub-chatting pwa react react-components react-router redux webpack

Last synced: 24 Jan 2025

https://github.com/dadonitz/calendario

Este é um projeto simples de um calendário bonito e criativo desenvolvido em React. Onde ao adicionar comentario na data ela é salva como um post-it na tela.

front-end frontend javascript js jsx react

Last synced: 11 Jan 2025

https://github.com/jaynil1611/react-exercises

This repository contains all the react exercises done in Week 1 of NeogCamp LevelOne.

css html javascript jsx react

Last synced: 24 Jan 2025

https://github.com/clearstonedestiny/fluentify

Fluentify - application for learning english

jsx react-native

Last synced: 24 Jan 2025

https://github.com/dikshant441/netflixx-gpt

A Netflix like application TMDB integration with OpenAI with Google firebase authentication.

google-firebase javascript jsx memoization openai-api reactjs redux-toolkit tailwindcss tmdb-api validation

Last synced: 12 Jan 2025

https://github.com/wahaj-ali/construction-web

One of my freelance projects, a react-based website for an insurance company.

css es6 jsx reactjs responsive-web-design

Last synced: 12 Jan 2025

https://github.com/bahmutov/hyperapp-counter-jsx-example

Small counter example in Hyperapp and JSX (and Cypress tests)

cypress cypress-io hyperapp jsx

Last synced: 18 Jan 2025

https://github.com/the-akira/artigosreact

Artigos sobre os fundamentos básicos de React

javascript javascript-library jsx jsx-syntax react

Last synced: 18 Jan 2025

https://github.com/soumwadeep/tech-optimization

My First Responsive Website Created By The Help Of React.Js

css js jsx reactjs

Last synced: 18 Jan 2025

https://github.com/man-navlakha/pxc

A education content sharing web application for collages

api css html javascript jsx reactjs router tailwind-css

Last synced: 04 Jan 2025

https://github.com/ameer2000mzori/pdas-react

PDAs-React is a project created with React, utilizing Tailwind CSS for styling and Prettier for cleaner code. Please check out sample images or download the project to take a look.

jsx prettier react tailwindcss

Last synced: 24 Jan 2025

https://github.com/ameer2000mzori/personal-portfolio-rebuild-react

This project is an existing personal portfolio that I have rebuilt using ReactJS. The purpose of the rebuild is to learn how to work with props, convert a standard project to React, and implement bug fixes. For a better understanding, please download or take a look at the sample images.

jsx react

Last synced: 24 Jan 2025

https://github.com/ameer2000mzori/todo-list-react

The Todo List React application is built using React.js and styled with Tailwind CSS. It also uses Prettier for clean code and is tested with Cypress. Download the app and start a demo test, or take a look at sample images to get an idea of the project.

cypress javascript jsx reactjs tailwindcss

Last synced: 24 Jan 2025

https://github.com/vijaysingh1621/react-redux-counter

React Redux Counter This repository contains a simple counter application built with React and Redux. It demonstrates how to manage state using Redux and access the counter state in any component without prop drilling.

css jsx react-redux-toolkit reactjs

Last synced: 24 Jan 2025

https://github.com/thedhruvrawat/course-searcher

A simple course search implementation in React. (Practice)

css jsx nodejs react

Last synced: 03 Jan 2025

https://github.com/gingerkiwi/react-salmon-recipe-app

Code along from O'Rielly Media's "Learning React" by Alex Bans & Even Procello - starting at Chapter 4.

javascript jsx react

Last synced: 03 Jan 2025

https://github.com/sashadev-sky/widgetry

A collection of custom applets made with React https://sashadev-sky.github.io/Widgetry/dist

babel geolocation-api google-maps-javascript-api jss jsx material-ui openweatherapi react

Last synced: 04 Jan 2025

https://github.com/crisfertho/nicoyabluezone

Proyecto personal, sobre una de las 5 zonas azules del mundo, página interactiva con diferentes funcionalidades y ejercicios llamativos para los usuarios.

bluezone english js json jsx nextjs php react spanish talwindcss vscode

Last synced: 10 Jan 2025

https://github.com/dergoogler/react-typescript-boilerplate

React with TypeScript and Webpack & Sass

boilerplate javascript jsx react scss tsx typescript webpack

Last synced: 04 Jan 2025

https://github.com/amcnulty/new-york-times-scrubber

A news article viewing tool that pulls articles from the New York Times API

ajax axios bootstrap express javascript jsx mongodb mongoose nodejs orm react react-router

Last synced: 11 Jan 2025

https://github.com/shafeeqahameds/react-shadui-starter

A modern React boilerplate using Create React App with Shadcn UI components, Tailwind CSS, and responsive design. Perfect for building beautiful and scalable React applications quickly and efficiently.

boilerplate cra create-react-app js jsx shadcn-ui shadcnui tailwindcss template

Last synced: 04 Jan 2025

https://github.com/sampadmondal-git/poke-verse

This project is a simple Pokémon web app using the PokéAPI. It lets users search by Pokémon name or ID to view details like their name, image, and abilities. Built with responsive design, it’s user-friendly and perfect for fans or developers learning API integration.

api api-integration css css3 fetch-api fetch-data fetching-data-from-an-api front-end-development html html5 javascript javascript-framework javascript-library jsx react react-framework react-frontend react-frontend-app react-library reactjs

Last synced: 04 Jan 2025

https://github.com/abrarkivande/eventify

Welcome to Eventify, your one-stop destination for unforgettable celebrations and adventures! Whether you're planning a romantic anniversary, an exciting camping trip, or a thrilling trekking adventure, we bring your visions to life.

express javascript jsx mern mongodb nodejs react

Last synced: 04 Jan 2025

https://github.com/thecodermehedi/react-modern-tailwind-calendar

A modern, customizable calendar component for React with Tailwind CSS

calendar datepicker jsx modern modern-calendar react tailwind tailwindcss

Last synced: 04 Jan 2025

https://github.com/elloramir/reactopus

An uncomplicated React environment. Single library file for transpiling in runtime

jsx react transpiler

Last synced: 04 Jan 2025

https://github.com/virag-ky/date-counter

A Date Counter built with React.

gh-pages jsx react usestate

Last synced: 04 Jan 2025

https://github.com/sampadmondal-git/react-login-form

Hey there! I'm Samy, and this is my first React project – a simple login/signup page. I built it while learning, and I'm excited to share it!

css3 html5 javascript jsx jsx-elements jsx-style jsx-syntax jsx-templates login-forms login-page loginsignup react reactjs reactjs-es6 reactjs-project reactjs-template reactjs-with-es6 signup-form signup-page

Last synced: 04 Jan 2025

https://github.com/carlosneves0/vite-reactjsx-ssg

`dev`, `build`, and `preview` scripts like Vite to generate static HTML websites from React/JSX

jsx react ssg vite

Last synced: 04 Jan 2025

https://github.com/abrarkivande/convoapp

ConvoApp is a full stack (dynamic and responsive) web application that allows users to convert their documents to PDF format with a single click.

expressjs javascript jsx multer nodejs react tailwindcss

Last synced: 04 Jan 2025

https://github.com/sanjay-kumar-r-a/moviesnow-

Developed a full-featured movie search application using React that integrates with the OMDB API. The application should allow users to search for movies, view detailed information

api axios css git github-config html javascript jsx netlify npm react redux tailwindcss

Last synced: 04 Jan 2025

https://github.com/abrarkivande/convoapp-abrar

ConvoApp is a full stack (dynamic and responsive) web application that allows users to convert their documents to PDF format with a single click.

expressjs javascript jsx multer nodejs react tailwindcss

Last synced: 04 Jan 2025

https://github.com/erickgbr/devtree-frontend

this is a frontend development of devtree proyect

jsx react reactjs tailwind tailwindcss ts tsx vite vitejs

Last synced: 04 Jan 2025

https://github.com/samantha-ruth/react_portfolio

Personal Portfolio created using React, javascript, and css.

css javascript jsx portfolio react reactjs

Last synced: 11 Jan 2025

https://github.com/yakedev/todo-list-react-v2

ToDo List with react

jsx react tailwindcss

Last synced: 11 Jan 2025

https://github.com/felipethome/react-seed-es6

Seed project to develop React projects with ES2015

babel browserify es6-seed eslint jsx react

Last synced: 18 Jan 2025

https://github.com/ship-components/ship-components-highlight-click

React component that generates a visual hightlight of a click

babel javascript javascript-library jsx react reactjs webpack

Last synced: 11 Jan 2025

https://github.com/neelakandanv/day-32

E-Library Management system created by using create- react app.

css3 formik-yup git github html5 javascript jsx material-ui mockapi-io netlify reactbootstrap reactjs

Last synced: 18 Jan 2025

https://github.com/neelakandanv/day-31

Teacher-Student Management Portal created using react.js; Data are fetched from API using mockapi.

css3 git github html5 javascript jsx mockapi-io netlify reactbootstrap reactjs

Last synced: 18 Jan 2025

https://github.com/neelakandanv/day-29

Teacher-Student Management Portal created using react.js

css3 font-awesome git github html5 javascript jsx netlify reactbootstrap reactjs

Last synced: 18 Jan 2025

https://github.com/neelakandanv/day23

Card using create react

css3 git github html5 js jsx netlify react

Last synced: 18 Jan 2025

https://github.com/neelakandanv/day25

This website is like of a Bootstrap page

css3 git github html5 javascript jsx netlify reactjs

Last synced: 18 Jan 2025

https://github.com/lcl-101/wepack-study

webpack3.5.5 整理

es6 jsx npm react vue vue-router vuex webpack3

Last synced: 11 Jan 2025

https://github.com/vasugi2003/eazibuy

EAZIBUY EAZIBUY is an online shopping application built with React and Vite, designed to provide a seamless and intuitive shopping experience.

api functional-components javascript-library jsx netlify reactjs redux-toolkit

Last synced: 11 Jan 2025

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 Testing V1 1 Applications 1 🛠️ Tooling 1