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/jsheaven/render

Nano library to render JSX isomorphic

isomorphic javascript jsx rendering tsx typescript

Last synced: 21 Nov 2024

https://github.com/dhairyamajmudar/gpt-4-website

GPT 4 is a website which focuses on introduction of AI to the world

css3 javascript jsx reactjs

Last synced: 07 Dec 2024

https://github.com/murodjon000/calculator-app

This is Calculator App with amazing styling. Try to calculate your numbers.

js jsx react

Last synced: 07 Dec 2024

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

Second Experiment with Gatsbyjs

gatsby gatsbyjs javascript javascript-library jsx react

Last synced: 18 Jan 2025

https://github.com/kato83/hiroshi

Dom generation tool compatible with JSX.

dom javascript jsx typescript

Last synced: 30 Nov 2024

https://github.com/artdecocode/koa2-jsx

A Koa2 middleware to render JSX templates with Redux support

jsx koa2 koa2-middleware react

Last synced: 25 Nov 2024

https://github.com/devstephen/react-essentials

A functional project that covers the core basic of the React library

jsx netlify props reactjs state-management

Last synced: 16 Nov 2024

https://github.com/natalialewis/connectplate

Social media app for recipes that emphasizes medical diet communities. Note: This is a passion project that is not ready for deployment yet. Most updates will remain on the 'testing' branch until ready for a rough deployment.

bash cloudfare css firebase git github html js jsx node react single-page-applications vide

Last synced: 12 Jan 2025

https://github.com/josephgodwinkimani/ionic-react-js

Ionic React Blank template written in JSX and JS

capacitorjs eslint ionic js jsx prettier reactjs

Last synced: 09 Jan 2025

https://github.com/maomincoding/babel-plugin-jsx-to-mettle

This plugin converts JSX into Tagged Templates that work with amazed.js.

amazed babel-plugin jsx

Last synced: 20 Nov 2024

https://github.com/natichan/memorycardgamereact

DiviertetΓ© con este clΓ‘sico juego de memoria con cartas. El objetivo es encontrar dos cartas del mismo palo y tipo, gana el que logra encontrar todos.

css jsx npm react

Last synced: 29 Nov 2024

https://github.com/thomas465xd/personal_budget-contextapi-react

A simple personal budget and finance agenda made using React, TypeScript, reducer and contextAPI

context-api custom-hooks js jsx react reducer tailwind tailwindcss ts tsx typescript usereducer

Last synced: 21 Dec 2024

https://github.com/jonwatkins/suika

Suika is a lightweight component based UI Framework

js jsx reactive vdom

Last synced: 21 Dec 2024

https://github.com/ketank205/portfolio

This is my portfolio. Design & develop while learning React.js.

css3 jsx reactjs

Last synced: 16 Jan 2025

https://github.com/abhishekgurjar-in/easybank-landing-page

The Easybank landing page features a clean and modern design with a focus on simplicity and user engagement. The page is divided into several key sections.

css easybank easybank-landing-page javascript jsx react web-development

Last synced: 11 Oct 2024

https://github.com/elazzouzihassan/letsvue

Welcome to my Vue.js learning repository! This is where I document my journey of learning Vue.js

framework javascript jsx vuejs

Last synced: 11 Jan 2025

https://github.com/thomas465xd/guitarla-ts

Migration of the GuitarLA - react js project to TypeScript

css js json jsx react reactjs ts tsx vercel vite vitejs

Last synced: 16 Jan 2025

https://github.com/asilbekcodes/reactjs_crud

User Management CRUD Application

axios axios-react crud js json json-server jsx react tailwind-css

Last synced: 16 Jan 2025

https://github.com/mitscherlich/babel-sugar-v-bind-sync

Babel syntactic sugar for v-bind sync modifier support in Vue JSX

babel-syntactic-sugar jsx vue-jsx

Last synced: 14 Oct 2024

https://github.com/ujjwal-sona77/portfolio_begening

just added 2 pages and Canvas Three js and it is incomplete , I will complete it later

canvas html-css-javascript jsx reactjs threejs

Last synced: 20 Dec 2024

https://github.com/thomas465xd/calorie-tracker

Simple Calorie Tracker project using React and TypeScript

js json jsx react tailwind tailwindcss ts tsx typescript vercel vercel-deployment vite vitejs

Last synced: 16 Jan 2025

https://github.com/spreston4/nyt-book-review

Browse books & reviews from different categories of the NYT Best Sellers list.

book book-reviews cssmodules html-css-javascript jsx nytimes-apis react responsive-web-design

Last synced: 06 Dec 2024

https://github.com/belsrc/eslint-config-belsrc

Collection of ESLint plugin configs

eslint eslint-config import javascript jsx linting promise vue

Last synced: 06 Jan 2025

https://github.com/git-enthusiast/mern

The **MERN Stack Development Journey** repo showcases learning in web technologies like HTML, CSS, JavaScript, React, Redux, Node.js, Express, and MongoDB. It includes projects like task managers, e-commerce apps, and CLI-based tools, focusing on building scalable, production-ready applications.

css html json jsx mongodb nextjs nodejs npm react react-hooks react-native reactjs rest-api tailwind-css

Last synced: 31 Oct 2024

https://github.com/yusafosei-bonsu/mern-based-todo-list

A to-do list created using the MERN stack

css3 express-js html5 jsx mern-stack mongodb node-js reactjs

Last synced: 16 Jan 2025

https://github.com/karthick-fsd/digital-timer-app

A digital clock of limit 25mins is used to keep our focus on one thing at a time.

css css-flexbox css-grid html javascript jsx react-components

Last synced: 16 Jan 2025

https://github.com/sohamburkule/geminiai-clone

Gemini AI Clone is a project aimed at replicating the functionality of the Gemini AI, a conversational artificial intelligence developed by OpenAI. This clone utilizes natural language processing techniques to understand and respond to user queries in a conversational manner.

api css generative-ai google-fonts-api html javascript jsx nodejs reactjs vite

Last synced: 21 Jan 2025

https://github.com/muchokidavid/scoreboard

This is a scoreboard web application built using React.js. It allows you to keep track of players and their scores. Additionally, it features a timer that helps manage game time.

css html jsx react-hooks reactjs

Last synced: 05 Jan 2025

https://github.com/manikmaity/learn-reactjs

This repository contains code for my React.js learning journey, including the codes from my 30-days Reactjs learningΒ challenge.

30dayscodechallenge javascript jsx react react-components react-hooks reactjs

Last synced: 21 Jan 2025

https://github.com/gyakobo/admin-dashboard

This is a sample project where I try to build an Admin Dashboard with ReactJS and the AWS S3.

admin-dashboard aws-lambda aws-s3 css3 jsx reactjs vite

Last synced: 15 Jan 2025

https://github.com/alikeldev/quizmapperjs

Interactive Quiz System Mapper: The core mapping functionality behind the interactive quiz system at https://webpixelle3.netlify.app/quiz-select Includes a detailed tutorial at https://aliceleiserblog.netlify.app/blog/building-interactive-quiz-system-react

javascipt javascript jsx mapper mapper-algorithm mapper-plugin mappers nextjs nodejs quiz quiz-app quiz-application quizapp quizzes react tailwind tailwind-css tailwindcss

Last synced: 21 Dec 2024

https://github.com/arkapg211002/coinloom

A webpage that shows news and details regarding cryptocurrencies

ant-design coinranking-api jsx rapidapi react

Last synced: 15 Jan 2025

https://github.com/rami24t/grocery-shopping-list-tracker

A fully-responsive webapp to solve the problem of forgetting what you need to buy from the grocery store

css html5 javascript jsx react shopping-list tailwind

Last synced: 30 Nov 2024

https://github.com/aaimio/logicful-templates-example-ts

An example project demonstrating how to use the logicful-templates library when using TypeScript

jsx jsx-elements jsx-syntax jsx-templates

Last synced: 14 Jan 2025

https://github.com/pranitej/turbo-thrills

TurboThrills is a car marketplace website where users can buy and sell cars

bootstrap5 car css ecommerce es6 expressjs html javascript json jsx mern-stack mongodb node nodejs npm npx reactjs shop

Last synced: 15 Dec 2024

https://github.com/jubair-jx/photography-school-management-system-client

Welcome to WonderRoots Scholars, where imagination takes flight and learning becomes an adventure! As a premier summer camp school,

axios-react css firebase javascript jsx react-libraries reacthooks reactjs tailwindcss

Last synced: 13 Jan 2025

https://github.com/ayanrv/filmsearcher

Film Searcher Management App (using imdb API and React)

api babel jsx react react-router reactjs redux redux-toolkit

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

https://github.com/mohsenshahbazi/weather-challenge-react

this is a very sample react app for SEP challenge

jsx react reactjs

Last synced: 14 Jan 2025

https://github.com/germanfrelo/robofriends

A React.js project that I've created using Create React App, from the Udemy course "The Complete Web Developer in 2022: Zero to Mastery".

jsx react reactjs

Last synced: 20 Dec 2024

https://github.com/gabrielm3/pokedex-react

A Responsive Pokedex made with React JS, Hooks, consuming the pokeapi and using localstorage.

api css hooks javascript jsx reactjs rest-api

Last synced: 12 Jan 2025

https://github.com/joshwilsonvu/babel-plugin-hoist-constant-jsx-attributes

Prevents unnecessary rerenders and GC pressure by hoisting constant objects out of JSX attributes and into the global scope, ex. for objects in a 'style' prop.

babel-plugin css-in-js jsx react style

Last synced: 12 Jan 2025

https://github.com/jaymar14/week-19

React.js activities

babel es2015 es6 jsx reactjs

Last synced: 14 Jan 2025

https://github.com/bredele/steroid-hook

:pill: Nodejs hook to transpile HTML templates into jsx-like templates

es6 html jsx steroid template template-engine

Last synced: 19 Dec 2024

https://github.com/aiaaee/color_generator_react

Creating Generator for Recognize Box Shadow Color In React With Bootstrap

bootstrap generator javasccript javascript jsx jsx-renderer react react-hooks reactjs

Last synced: 11 Oct 2024

https://github.com/cjfuller/rjsx-mode

Emacs major mode for editing react JSX files

emacs jsx react

Last synced: 29 Nov 2024

https://github.com/mo-jasim/currency-converter-app

This app allows users to convert between multiple currencies accurately and quickly. Designed with simplicity and efficiency in mind, the app offers real-time currency conversion.

currency-api currency-codes currency-conversion currency-converter currency-exchange-rates currency-exchange-rates-collector currency-rates html javascript javascript-library js jsx react react-components react-hook-form react-hooks react-router reactjs

Last synced: 20 Dec 2024

https://github.com/maxime-cllt/fileflow

Application to insert CSV file into a specified database with optimised columns lenght

csv2sql freetouse githubaction-workflow jsx react rust taillwindcss tauri-app tool

Last synced: 20 Dec 2024

https://github.com/mgueyraud/block-master

Block Buster Website (If it was alive xd), design from https://leonidasesteban.com/proyectos

javascript jsx react styled-components

Last synced: 07 Dec 2024

https://github.com/swappy-2003/bgremover

This project i created for the Removeing the background from the image this project use the Api to remover the background and return the image user can download

background-remover jsx reactjs vite

Last synced: 20 Dec 2024

https://github.com/devsany/super-mall-web-application

A SuperMall Web app is a website that allows merchants to advertise and sell their products at developing counters. Rural towns would be able to sell their commodities to the rest of the globe as a result of this...

firebase-auth firebase-database firebase-realtime-database javascript jsx reactjs shadcn-ui tailwindcss unittest

Last synced: 20 Dec 2024

https://github.com/safayetdib/movieland-search-with-react

MovieLand Search From OMDB API

css jsx omdb-api react

Last synced: 14 Jan 2025

https://github.com/eimaam/xxtech-desk

A Web Service Company Website/Portfolio

javascript jsx react reactjs sass scss

Last synced: 14 Dec 2024

https://github.com/dzmitryur/weather-app-react

Weather Application in React with Axios, Tanstack Query, Tailwind CSS and Hooks

axios geolocation hooks jsx openweather-api react reactjs tailwind tailwindcss tanstack-query

Last synced: 20 Dec 2024

https://github.com/dadonitz/passgenerator

Este Γ© um simples aplicativo de gerador de senhas feito com React. Ele permite que vocΓͺ gere senhas aleatΓ³rias com diferentes configuraçáes, como comprimento da senha e quais caracteres incluir.

css front front-end javascript js jsx react

Last synced: 11 Jan 2025

https://github.com/aidenybai/jacky

Directly use HTML inside JavaScript

dom jacky javascript jsx jsx-to-dom web

Last synced: 07 Dec 2024

https://github.com/soulemanou-software/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.

css3 html5 javascript jsx react react-hooks reactjs

Last synced: 07 Dec 2024

https://github.com/ameer2000mzori/image-search-react

Image Search React is a website that helps you search any image you want using the Unsplash API. It is built with React.js and utilizes Tailwind CSS for styling, along with Prettier for cleaner code. Please download the project or take a look at sample images to get a better view.

cypress jsx prettier react tailwindcss unsplash-api

Last synced: 24 Nov 2024

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

https://github.com/muhammadranju/practice-task-milestone-7

This is my practice-task of milestone-7, In this repo i'm going to Learn react.js and React core feature. Jsx props component and many more think

component functions javascript jsx props react reactjs

Last synced: 20 Dec 2024

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

https://github.com/ameer2000mzori/todolist-app-mern

TodoList-App-Mren is built with ReactJS, Tailwind CSS, and uses React Query for data fetching. The backend is powered by ExpressJS and NodeJS, without MongoDB. This project aims to improve skills in React Query and full-stack development. Check out sample images or download the project.

api axios backend expressjs formik formik-yup frontend fullstack javascript jsx nodejs reactjs reactqueryv4 styled-components tailwindcss todoapp unique-id yup

Last synced: 24 Nov 2024

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

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

Menu-App-React is a small project created with React.js and styled with TailwindCSS. It features a menu that you can filter by category as desired. For a better understanding, download the project or check out the live demo.

jsx menu prettier reactjs tailwincss

Last synced: 24 Nov 2024

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

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

App-Animal-React is a project created with React.js and TailwindCSS, using Prettier to make the code cleaner. In this project, each time you click the button, a random animal image will appear on the screen, and you can like it. Download the project and have a look, or check the sample images.

jsx prettier react tailwindcss

Last synced: 24 Nov 2024

https://github.com/nidhiupman568/numberformat-converter-using-react.js

πŸŽ‰ Welcome πŸŽ‰ to the Number Format Converter project! πŸ”’ This interactive web application πŸ–₯️ allows users πŸ‘₯ to convert numbers πŸ”’ between various formats such as decimal, binary, octal, and hexadecimal. πŸš€ Built with ReactJS βš›οΈ, CSS 🎨, and JSX ✨, this tool provides a comprehensive range of features to handle number conversions and calculations.

css front-end-development functional-components-reactjs html javascript jsx learning-reactjs number-format-converter reactjs reactjs-developer web-development

Last synced: 10 Jan 2025

https://github.com/amansalman/image-to-text-converter-webversion

A user-friendly React app that converts images to text using the Google Vision API. Upload images, extract text, and view results easily.

axios css google-vision-api html javascript jsx reactjs

Last synced: 20 Dec 2024

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

The Birthday-App-React is a React.js project styled with TailwindCSS, using Prettier for code readability. It's designed to practice JavaScript hooks with arrays. Please download or view the sample images for more insight.

jsx prettier react react-hooks tailwind

Last synced: 24 Nov 2024

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

Questions-App-React is a project created with React.js and uses TailwindCSS for styling. Check out the sample images or download the project to get an idea.

jsx prittier reactjs tailwindcss

Last synced: 24 Nov 2024

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

GrocerAppReact is built with React.js, styled with TailwindCSS, and uses Prettier for cleaner code. This project is similar to a todo list. Download the project or check out the sample images for a better understanding.

jsx localstorage prettier reactjs tailwindcss

Last synced: 24 Nov 2024

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

Lorem-Gen-React is a project developed using React.js and styled with Tailwind CSS. It utilizes Prettier to ensure the code is clean and well-organized. This simple website generates Lorem Ipsum text. For a better understanding, check out the sample images or download the project.

jsx lorem-ipsum-generator prettier reactjs tailwindcss

Last synced: 24 Nov 2024

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

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

https://github.com/joe-dakroub/domxy

A lightweight library for effortlessly creating HTML and SVG elements in JavaScript.

dom html javascript js jsx svg

Last synced: 21 Jan 2025

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

Navbar-React is a project created with ReactJS and styled with TailwindCSS, utilizing React Router for the navbar. It includes animations and more to enhance the user experience. Prettier is used to maintain cleaner code. For a better understanding, check out the sample images or download the project.

jsx navbar prettier react-router reactjs tailwindcss

Last synced: 24 Nov 2024

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

Sliders-App-React is a small React project where you can slide right and left. The sliders will auto-slide every 5 seconds. It is styled with TailwindCSS and uses Prettier for cleaner code. Check out sample images or download the project for a better understanding.

jsx prettier reactjs tailwindcss

Last synced: 24 Nov 2024

https://github.com/kt3k/xat

JSX as template - React based template engine

jsx react template

Last synced: 11 Dec 2024

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

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

https://github.com/mohammad-al-refai/notes-app

Notes app created with React js - Create account & login & CRUD Note

bootstrap5 javascript jsx reactjs redux redux-saga

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

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

https://github.com/chris-aqui/clicky-game

uoft code bootcamp week19 - Homework

css3 javascript jsx reactjs

Last synced: 20 Dec 2024

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

https://github.com/jarrarkhan09/gym_website

Flexbody is a modern gym website designed to showcase fitness programs, trainers, and memberships, enhancing the overall workout experience.

javascript jsx reactjs

Last synced: 11 Oct 2024

https://github.com/ameer2000mzori/form-formik-yup-mern

"Formik-Yup-MERN" is a project created with React, styled using Styled Components and Tailwind CSS. It utilizes Node.js and Express.js for the backend, with additional packages such as Axios and React Query integrated. You can download the project or check out sample images.

backend expressjs formik frontend fullstack jsx nodejs prettier reactjs reactqueryv4 styled-components tailwindcss yup

Last synced: 24 Nov 2024