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

https://github.com/adnankasikci/react_examples

I made to improve myself. React applications

javascript jsx react

Last synced: 15 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/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/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/lucafoscili/ketchup-lite

Simple Stencil.js webcomponents. - work in progress -

custom-elements jsx scss stenciljs stenciljs-components webcomponents

Last synced: 30 Sep 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/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/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/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/kajalpandey25/todo-webapp-with-reactjs

Todo-web app using React.js that allows users to efficiently manage adding, removal, updating tasks.

css html javascript jsx reactjs vite

Last synced: 22 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/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/luiguild/jsx-autodocs

Create JSX documentation from your components easy peasy

autodocs components docs javascript jsx react solid storybook typescript vue web-components

Last synced: 10 Dec 2024

https://github.com/terkasm/project-wordle

Napodobenina hry Wordle

jsx react vite

Last synced: 22 Dec 2024

https://github.com/terkasm/leviexpress-starter

Úkol pro Digitální Akademii Web (Czechitas)

component-architecture javascipt jsx react react-hooks react-router

Last synced: 22 Dec 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/rodrigotf2001/gintamacards

Projeto utilizando a biblioteca React.js para separação de components, biblioteca de estilização de components Mantine. Nessa aplicação que desenvolvi, visa mostrar um grupo seleto de card game que desenvolvi da obra Gintama ( Uma das minhas obras preferidas :) ).

component css3 jsx mantine reactjs

Last synced: 01 Dec 2024

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

The "Manage" landing page is designed to introduce users to the Manage application, highlighting its features and encouraging them to get started. We'll use React for component-based development and CSS for styling the page.

css javascript jsx manage-la react web-development

Last synced: 11 Oct 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/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/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/tcarters/fitness-web-application

In This project, we build a Fitness Exercises Web Application based on a Rapid Api (ExerciseDB-Api & Youtube-Search-Download-Api)

exercisesdb-api frontend jsx rapid-api react-js youtube-search-download-api

Last synced: 22 Nov 2024

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/abhishekgurjar-in/recipe-finder

The Recipe Finder built with React offers a quick and simple way to search for recipes online. Powered by the Edamam API, it provides users with real-time results based on their preferences, whether they're looking for trending dishes or saving favorites.

api css javascript jsx react recipe-finder web-development

Last synced: 11 Oct 2024

https://github.com/luzefiru/honox-tailwind

A baseline configuration for using HonoX with TailwindCSS to be deployed on Cloudflare Pages.

cloudflare cloudflare-pages cloudflare-workers hono honox hooks jsx react tailwindcss vite

Last synced: 05 Jan 2025

https://github.com/zizwar/jhtm

JavaScript HTML Template Manager for browser and Node.js

browser html javascript json jsx nodejs template template-manager vanilla-javascript

Last synced: 11 Nov 2024

https://github.com/qrac/jsxlike

Converting HTML to React JSX-like syntax

browser html2jsx htmltojsx japanese javascript jsx jsxlike react typescript

Last synced: 25 Nov 2024

https://github.com/qrac/minista-markdown

React component to easily convert Markdown to HTML in minista

cording japanese jsx markdown minista minista-markdown react

Last synced: 25 Nov 2024

https://github.com/alirezahematidev/jsx-marker

JSX Marker is a versatile React component for styling text based on custom patterns and matchers.

highlighting jsx react styling

Last synced: 25 Nov 2024

https://github.com/gxlmyacc/vue-jsx-node

a vue component that can render jsx by vnode or render function

jsx jsx-render vue vue-component

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

https://github.com/rubydevi/math-magician

This is the first project of the Math Magicians application. I have set up the environment and tools needed to develop a React application. In the following projects, I will develop the actual application.

calculator-react es6 eslint javascript jsx react stylelint

Last synced: 29 Dec 2024

https://github.com/lsyurea/tskmanager

tskManager which makes use of NUS mod API to coordinate and manage tasks with a customised profile page of all the items due on the day itself

css html5 jsx nodejs postgresql react supabase

Last synced: 14 Jan 2025

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/archan937/dust

A minimalistic reactive Javascript library for building dynamic component-based interfaces

bun components esbuild jsx minimalistic nextjs react reactive router styled usestate

Last synced: 08 Jan 2025

https://github.com/israelkilday/secret-word

SECRET WORD Aplicação web de um Jogo de adivinhação de palavras com limitação de tentativas e somatória de pontos.

css-modules git hooks javascript jsx react-router-dom reactjs typescript

Last synced: 28 Dec 2024

https://github.com/israelkilday/devtube-playlists

DEVTUBE PLAYLISTS É uma plataforma de exibição de playlists com vídeos de programação selecionados do YouTube. Utilizando React, Vite, e Zustand, implementei uma interface dinâmica e intuitiva, Os vídeos são gerenciados por uma API personalizada que criei e armazenei no JSONPlaceholder

axios eslint git husky jsx prettier radix-ui react react-icons react-player tailwind-css typescript vercel zustand

Last synced: 28 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/evantahler/deno-template

An opinionated deno server for HTML (.tsx) and API routes

deno jsx react tsx typescript

Last synced: 01 Dec 2024

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

https://github.com/israelkilday/food-express

Food-Express é um aplicativo de entrega de alimentos que oferece uma experiência completa tanto para os clientes quanto para os restaurantes. Inspirado nas funcionalidades do iFood. O sistema inclui uma interface de usuário moderna e intuitiva, um robusto sistema de carrinho de compras, autenticação segura e uma série de funcionalidades.

contextapi git jsx lucide-react nextauthjs nextjs14 postgresql prisma-orm reacticons reactjs serveractions shadcn-ui tailwindcss tsnode typescript vercel

Last synced: 28 Dec 2024

https://github.com/andrelmlins/whatsup-document-title

Page title manager for whatsup

document jsx title whatsup

Last synced: 16 Nov 2024

https://github.com/damirscorner/20200717-nuxt-jest-tsx

Sample project for "Testing TSX components with Jest in NuxtJS" blogpost

jest jsx nuxt tsx vue

Last synced: 01 Dec 2024

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

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

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

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

https://github.com/nerdic-coder/stencil-container

A stencil component that displays child element if all conditions are fulfilled.

javascript jsx stencil stencil-components stencil-js stenciljs stenciljs-components typescript webcomponent webcomponents

Last synced: 02 Jan 2025

https://github.com/minhlucvan/react-conditional-attribute

A simple utility for conditionally render jsx attributes

attributes conditional jsx react utility

Last synced: 02 Dec 2024

https://github.com/thomas465xd/tips-calculator_react

Simple Tips Calculator Frontend using React and TypeScript. Deployment in Vercel

js jsx react tailwind ts typescript

Last synced: 21 Dec 2024

https://github.com/nyarla/shamoji

The workspace to make custom svg emojis by JSX and vercel/satori renderer

emojis jsx workspace

Last synced: 06 Dec 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/PallaviKatari/ReactTraining

React is an open source, JavaScript library for developing user interface (UI) in web application. React is developed and released by Facebook.

axios-react hooks javascript json json-api jsx razorpay-payment react18 rooks

Last synced: 05 Nov 2024

https://github.com/israelkilday/musicblog

MUSIC BLOG é uma aplicação web fullsatck como Single Page Applictaion(SPA) desenvolvida para criar, editar e visualizar posts com integração ao Firebase.

context-api css-modules firebase firestore jsx react-router-dom reactjs typescript vite

Last synced: 28 Dec 2024

https://github.com/washira/next-13-blog

A blog web app project using NextJs 13.

jsx nextjs13 scss

Last synced: 19 Nov 2024

https://github.com/qwtel/create-element-x

Extends document.createElement to conform to the target API of JSX.

create-element dom element jsx

Last synced: 21 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/jaymar14/week-19

React.js activities

babel es2015 es6 jsx reactjs

Last synced: 14 Jan 2025

https://github.com/0904-mansi/login-page

This is a dummy react website I learned how to deploy react websites.

jsx reactjs

Last synced: 14 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/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/ashishbhosle17/react-with-ashish

Built a variety of projects to understand the practical applications of React features. This repository uniquely balances a project-focused approach with ensuring a thorough understanding of each concept.

javascript json jsx props-and-state-components react-hooks react-router reactjs tailwindcss vitejs

Last synced: 09 Jan 2025

https://github.com/yiransheng/make-a-js-framework

A toy example of MVI with React and Redux-like api

expriment jsx mvi ui

Last synced: 27 Nov 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/tdiprima/hono-and-bun

Testing hono and bun

bun hono jsx react typescript

Last synced: 26 Dec 2024

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/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/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/skorupaw/sidewinder

Sidewinder 🐍 – A simple app to create blind CVs 📝 from structured JSON data 📊. Streamline and anonymize resumes with ease!

bun drizzle honojs jsx typescript

Last synced: 12 Jan 2025

https://github.com/thalesgomest/track-it

This is my fourth project with React in Driven Education Bootcamp. It consist in a complete habit tracking application, with sign up and login pages and use of ContextAPI and some libraries like react-loader-spinner, react-circular-progressbar, dayjs and react-calendar!

javascript jsx react styled-components

Last synced: 03 Jan 2025

https://github.com/ns007-dev/nasaskysearch

Using NASA's Picture Of The Day API, I made an app using React.js, that gives you the image of the sky on the date you input.

api components css jsx nasa reactjs

Last synced: 26 Dec 2024

https://github.com/vetri02/contacts

React Contacts App

jsx react reactjs

Last synced: 03 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/ramasilveyra/babel-plugin-react-element-to-jsx-string

Turn a ReactElement into the corresponding JSX string at build time.

babel babel-plugin jsx react

Last synced: 02 Jan 2025

https://github.com/raunofreiberg/blackford

Dockerized Node.js & PostgreSQL SPA with a React & Redux client

css-modules docker express javascript jsx knex nginx nodejs passportjs postgresql react redux scss webpack

Last synced: 26 Dec 2024

https://github.com/goodnesskay/simple-react

A mini react Application without using create-react-app CLI command

babel cdn jsx pwa react react-jsx reactjs ui

Last synced: 26 Dec 2024

https://github.com/ship-components/ship-components-tag-input

A multi-featured select component allowing single select, multi-select, and typeahead functionality.

babel javascript-library jsx loader multi-select react tags webpack

Last synced: 11 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: 03 Jan 2025

https://github.com/desmondsanctity/prime-numbers-multiple-react

A react web application that returns a multiplication table for a range of prime number.

jest jest-tests jsx react react-hooks

Last synced: 26 Dec 2024