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/krypton225/third-portfolio-react

This project for building a portfolio using React JS and SCSS.

css css3 es6 flexbox-css html5 javascript jsx npm-package portfolio-website reactjs scss web-fonts

Last synced: 06 Nov 2024

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: 01 Nov 2024

https://github.com/fredh2o/flex-trap-clothing.co

Clothing shop built on React for training and project showcase.

css3 html5 javascript jsx react-hooks react-router reactjs

Last synced: 01 Nov 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: 01 Nov 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: 01 Nov 2024

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: 01 Nov 2024

https://github.com/gourabofficial/overpower-react

learing React js

jsx react reactjs

Last synced: 01 Nov 2024

https://github.com/rajdip019/meme-media-front-end

This is a Web App only for Memes. Find new memes and also generate your own meme. Download memes and share your Own Memes!

api jsx memes next-auth nextjs reddit-api tailwindcss typescript

Last synced: 03 Nov 2024

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: 01 Nov 2024

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

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

clone-coding javascript jsx react

Last synced: 01 Nov 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/michelmix/solar-system

Solar System é uma aplicação front-end web desenvolvida em JavaScript XML utilizando React. Foi renderizado componentes de classe para visualização do Sistema Solar e outras coisas

javascript jsx nodejs react

Last synced: 06 Nov 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/muhammadsalmankhan333/reactcart_layout

I have created this Add to Cart Layout in which price will be calculated according to the image size and we also giving the discount which will be applied on the original Price. And the Discounted Price will be shown Dynamically. Add , Edit and Delete Product Functionality are added.

css javascript jsx react

Last synced: 11 Oct 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/kanzatahreem/bookstore

Web app built with React, Redux, and external API that allows users to display a list a books, add a new book, and remove the selected one.

api babel create-react-app ducks-pattern feature-folders javascript jsx react react-router reactjs redux reduxthunk reduxtoolkit webpack

Last synced: 11 Oct 2024

https://github.com/arzoka/svg-component-package

Package that returns certain SVGs as React components

javascript javascript-library js jsx npm-package progress-bar svg ts tsx typescript

Last synced: 12 Oct 2024

https://github.com/ashmit4818/devops_resources_project

DevOps Resources Hub: A React app offering curated DevOps tutorials, automated via GitHub Actions.

container devops docker docker-image github github-actions javascript jsx material-ui react vercel

Last synced: 01 Nov 2024

https://github.com/tjx666/adobe-jsx

command line tool to execute adobe extendscript .jsx file

adobe aftereffects cli command-line-tool extendscript jsx photoshop

Last synced: 24 Oct 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/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/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/mleftwich/setlist

MERN app to showcase local performances

graphql jsx material-ui mern-stack nodejs nosql react

Last synced: 06 Nov 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/lastnamearya/react-voting-app

Product Hunt clone built in React.js - Fullstack.io

babel create-react-app es6 javascript jsx react react-component

Last synced: 04 Nov 2024

https://github.com/olawale-o/react-space-travelers

This is a web application for a company that provides commercial and scientific space travel services. The application will allow users to book rockets, dragons and join selected space missions.

css jsx react-bootstrap react-router reactjs redux

Last synced: 18 Oct 2024

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: 18 Oct 2024

https://github.com/olawale-o/react-metrics

"React Metrics" is a metric based web app that gives real-time updates on volume of shares traded in the stock market.

css3 cypress jsx react redux

Last synced: 18 Oct 2024

https://github.com/yashkathe/expense-tracker-dashboard

SPA to keep a track of your expense and visualise data with a simple dashboard

jsx react single-page-app

Last synced: 06 Nov 2024

https://github.com/shankscript/create-react-redux-boot

A boilerplate for React App with Redux

jsx react redux redux-thunk

Last synced: 11 Oct 2024

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/quangv/dr-dom

r-dom div wrapper

jsx r-dom react

Last synced: 11 Oct 2024

https://github.com/csabbah/next-ts-tiktokclone

TikTok clone is a social media app that lets users explore and discover content and profiles. Users can log in with Google Authorization, like, comment, and upload posts. It's optimized for desktop and mobile, uses Sanity for data persistence, and built with TypeScript for a great user experience.

axios css googleauth html javascript jsx jwt-decode nextjs nodejs react react-icons sanity tsx typescript vercel zustand

Last synced: 24 Oct 2024

https://github.com/czzonet/react-webpack-js-startup

react-webpack-js-startup 一个webpack5打包的react+js最小项目的配置

jsx react webpack5

Last synced: 24 Oct 2024

https://github.com/cristianv0117/over-app-front

FRONT OVER APP NEXT JS AND TYPESCRIPT

bootstrap5 css3 html jsonwebtoken jsx nextjs reactjs spa typescript

Last synced: 11 Oct 2024

https://github.com/mdbootstrap/react-screen-sizes

Responsive React Screen Sizes built with Bootstrap 5. Check default pixel widths for different screen sizes supported by Bootstrap 5 responsiveness features.

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

Last synced: 11 Oct 2024

https://github.com/patryk-majchrzak/personal_homepage

Personal homepage which lists set of my technical skills and what I would like to learn in the future. It can be treated as an addition to my CV. Check it out!

api i18next javascript jsx react-i18next reactjs redux redux-saga redux-toolkit styled-components

Last synced: 14 Oct 2024

https://github.com/mdbootstrap/react-survey-form

React Survey forms built with Bootstrap 5 and HTML. A variety of pre-made surveys, including multiple choice, questionnaire, checkbox survey, modal survey & more.

bootstrap bootstrap-form bootstrap-react bootstrap-template bootstrap-theme bootstrap5 css jsx react react-form

Last synced: 11 Oct 2024

https://github.com/mdbootstrap/react-select-with-custom-input

Responsive React Select with custom user input built with Bootstrap 5. Click on the Other option to input a custom value into the select.

bootstrap bootstrap-input bootstrap-react bootstrap-select bootstrap-template bootstrap-theme bootstrap5 css jsx react react-input react-select

Last synced: 11 Oct 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/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: 18 Oct 2024

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/mahammad-mostafa/hello-react-front-end

This is the third project in the full stack capstone of the Microverse program. It is an exercise for using React & Redux as a frontend for a simple page app.

es6-javascript eslint frontend-web gitflow-workflow jsx microverse microverse-projects microverse-students react-hooks react-redux react-router react-router-dom reactjs redux redux-thunk redux-toolkit responsive-layout stylelint webpack

Last synced: 18 Oct 2024

https://github.com/mahammad-mostafa/redux-cart-tutorial

This is the fourth project of the third module in Microverse program. It is an exercise tutorial to practice Redux toolkit with React framework.

css-modules es6-javascript jsx microverse microverse-students react-hooks reactjs redux-thunk redux-toolkit resposive-layout single-page-app

Last synced: 18 Oct 2024

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: 18 Oct 2024

https://github.com/mahammad-mostafa/math-magicians

This is the first project of the third module in the Microverse program. It is a single page site with basic calculator tool using ReactJS framework.

create-react-app es6 jsx microverse microverse-projects microverse-students react react-components react-hooks reactjs responsive-layout single-page-app

Last synced: 18 Oct 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: 18 Oct 2024

https://github.com/mahammad-mostafa/redux-thunk-exercise

This is the fifth project in the third module of Microverse program. It is an exercise for implementing async code using Thunks with Redux toolkit in a React app.

create-react-app css-modules es6-javascript jsx microverse microverse-projects microverse-students react react-hooks redux redux-thunk redux-toolkit rest-api single-page-app

Last synced: 18 Oct 2024

https://github.com/mahammad-mostafa/react-tutorial

This is the second project of the third module in Microverse program. It is an exercise tutorial created with React framework.

css-modules es6-javascript gitflow-workflow jsx microverse microverse-projects microverse-students react react-hooks react-router reactjs single-page-app webpack

Last synced: 18 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/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: 18 Oct 2024

https://github.com/nikamunjishvili/planet-fact-app

Planets-Fact-Size

jsx react sass

Last synced: 05 Nov 2024

https://github.com/yashkathe/birthday-reminder

Personalized webapp to store birthdays easily. Made using React js .

javascript jsx reactjs

Last synced: 06 Nov 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: 11 Oct 2024

https://github.com/ianfabs/mithril-example

This is an example mithril app, that I have setup with a sweet config

frontend js jsx mithril mithril-starter mithriljs

Last synced: 19 Oct 2024

https://github.com/alexmarles/reactr

Carlos Azaustre's React course

babel babeljs docker es2015 es6 javascript js jsx react webpack

Last synced: 11 Oct 2024

https://github.com/luisenmarroquin/curriculum-vitae

Just my curriculum with create-react-app, typescript, material ui and scss

actions cra curriculum cv hooks javascript js jsx material mui node npm pages pdf react resume scss ts tsx typescript

Last synced: 05 Nov 2024

https://github.com/pavlevujicic/calculator-miniproj

Simple and intuitive calculator built using React.

css javascript jsx reactjs

Last synced: 11 Oct 2024

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: 05 Nov 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/petrmileshko/spa-farmer

Проект по верстке React компонентов для самостоятельной работы

html-academy js jsx jsx-syntax react react-components react-native

Last synced: 19 Oct 2024

https://github.com/mddanish00/react-utterances-client

Another React component for using Utterances 🔮 on your website!

jsx react utterances vite

Last synced: 15 Oct 2024

https://github.com/saber2pr/quick

quick blog page.

demo jsx

Last synced: 11 Oct 2024

https://github.com/saber2pr/tsx

a tsx renderer for the browser and node.js

jsx react tsx

Last synced: 11 Oct 2024

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: 15 Oct 2024

https://github.com/hirvadhandhukia/emoji-dictionary

Input an emoji and get what it means.

html-css-javascript jsx reactjs

Last synced: 06 Nov 2024

https://github.com/devhelpr/jsx-vanilla-dom

Basic jsx support for vanilla DOM typescript projects

dom-manipulation jsx typescript web-components

Last synced: 15 Oct 2024

https://github.com/mahammad-mostafa/rank-math-wallet

That is a test project done for Rank Math. It is a simple crypto wallet page built using React & Sass.

css-flexbox css-modules css3 dark-theme es6-javascript eslint jsx light-theme react react-components reactjs responsive-layout sass state-management stylelint-scss webhint

Last synced: 15 Oct 2024

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: 15 Oct 2024

https://github.com/ottomicheletti/trybe-delivery-app

Delivery app is my first Full Stack project developed with a group. The goal was to use all our knowledge to develop a delivery app with front and back-end while distributing work load through team members using a KanBan board. Done with JavaScript, React, Zustand, Axios, Node, Express, JWT and MySQL.

authentication authorization axios css3 express full-stack javascript jsx jwt kanban md5 mysql nodejs trello zustand

Last synced: 24 Oct 2024

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/vaibhavdixit09/taskmanagemnetfrontend

TaskMaster Pro - Advanced Task Management System with Google Authentication

cron cryptography css3 expressjs javascript jsx mongodb nodejs passportjs reactjs

Last synced: 11 Oct 2024

https://github.com/Gabrielm3/react-ecommerce

Este projeto é uma loja de tecnologia básica de e-commerce criada com React.js e styled-components.

javascript jsx npm package-json react styled-components yarn

Last synced: 24 Oct 2024

https://github.com/tinchoz49/eslint-config-standard-ext

An extended standard eslint configuration.

astro eslint jsx react standard

Last synced: 22 Oct 2024

https://github.com/adityaghode92/movie-recommendation-app

Movie Recommendation System based on TMDB API

jsx reactjs reduxjs reduxjs-toolkit tailwindcss

Last synced: 11 Oct 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

JSX (JavaScript XML) Awesome Lists
awesome-preact 137 awesome-solid-js 193 hyperawesome 71
JSX (JavaScript XML) Categories
Uncategorized 232 Resources 134 📦 Components & Libraries 120 Utilities V1 17 Articles & Tutorials V1 10 Boilerplates V1 9 Utilities 8 Examples V1 8 Official Resources 6 Articles & Tutorials 4 Starters 3 Other V1 2 Examples 2 🛠️ Tooling 1 Testing V1 1 Applications 1