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/wasifbaliyan/coda-frontend-task

I have created this task for the Coda Superhero Frontend Hiring challenge

css3 fetch jsx react-hooks react-router-dom reactjs

Last synced: 11 Oct 2024

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

https://github.com/rogeriopvl/if.jsx

🤔 Simple if condition helper for JSX

conditional-statements if jsx react

Last synced: 23 Oct 2024

https://github.com/madhukarbaikana/registrationform-reactjs-react-routers

This is a sample Registration Form developed using react concepts.

babel html jsx react-router reactjs

Last synced: 02 Nov 2024

https://github.com/mahfuzhasan2003/career-hub

Career Hub - with fully responsive and local storage data storing feature.

axios-react javascript jsx localstorage react-toastify reacthook reactjs reactrouter

Last synced: 03 Nov 2024

https://github.com/mdbootstrap/react-dropdown-button

Responsive React Dropdown Button built with Bootstrap 5. Dropdown can be created with the use of a button or link elements.

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

Last synced: 31 Oct 2024

https://github.com/rubydevi/redux-warmup

This is an exercise to start practicing all the basic concepts Redux. I will create a store, start defining and dispatching actions, and write my first reducers.

javascript jsx react reducers redux redux-toolkit state-management store

Last synced: 07 Nov 2024

https://github.com/janumedia/react-basic-with-minimal-setup

React basic with minimal setup without using 'create-react-app'

babeljs es2015 es6 jsx pure-function pure-function-compo reactjs scss webpack

Last synced: 11 Oct 2024

https://github.com/sohanemon/astro-template

Astro Template with Framer motion | Animation

astro framer-motion jsx shadcn-ui tailwindcss typescript

Last synced: 03 Nov 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/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/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/tetracalibers/useless-app-playground

本番環境に巣立つ前のDemoアプリを置いておく場所です。

heroku javascript js jsx laravel nodejs php postgresql react react-hooks react-router react-router-dom

Last synced: 07 Nov 2024

https://github.com/mateus-s-quintanilha/projeto-financas

A mobile Application made with React Native and Firebase, that controls and helps your financial life.

firebase firebase-auth firebase-realtime-database jsx mobile-app react-native styled-components

Last synced: 08 Nov 2024

https://github.com/mateus-s-quintanilha/projeto-sujeito

Next.js project made in my Next.js course

jsx nextjs prismic react scss typescript

Last synced: 08 Nov 2024

https://github.com/dikshant441/profile.fyi_assignment

A small e-commerce like project with product listing, cart management (add/remove items, adjust quantities), and a checkout feature. Users can view their cart, see item details, and proceed to checkout.

framer-motion git javascript jsx netlify-deployment react-router-dom reactjs redux tailwindcss

Last synced: 03 Nov 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/atlassubbed/play-dynamic-polling

Dynamic polling interval as a Relax component. Live at:

codesandbox components diffing example jsx preact react relax vdom

Last synced: 05 Nov 2024

https://github.com/ansub/monster-rolodex

My First React App!

css html js jsx react

Last synced: 03 Nov 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/bumbukhan/react-redux-auth-client

Mastering authentication in react-redux SPA (gonna utilize https://github.com/BumbuKhan/react-redux-auth-api)

authentication es6 jsx jwt reactjs redux

Last synced: 07 Nov 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/bumbukhan/react-native-learning

Learning React Native 📱 from the official docs (https://facebook.github.io/react-native/docs/getting-started.html)

android es6 ios jsx react-native reactjs

Last synced: 07 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/kevin940726/swc-plugin-import-jsx-pragma

SWC plugin for automatically injecting an import statement for JSX pragma in classic runtime.

jsx swc-plugin

Last synced: 08 Nov 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/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/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/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/krzysztofryszawy/react_calories

App for calculating daily intake&burn calories {React.js JSX CSSModules + JSS Material-UI}

cssmodules jss jsx material-ui react

Last synced: 07 Nov 2024

https://github.com/abhishekgurjar-in/fylo-cloud-storage

The Fylo frontend website showcases a sleek and user-centric design, emphasizing simplicity and ease of use for cloud storage and file management. This frontend is crafted to offer an engaging and intuitive user experience, providing essential functionalities such as file upload, sharing.

css fylo-data-storage fylo-landing-page javascript jsx react web-development

Last synced: 11 Oct 2024

https://github.com/soorajvp/basic-next.js

Basic Nextjs Application for learing the routing mechanics, rendering techniques with server side rendering .

ap clientside-rendering jsx nexjs server-side-rendering tailwindcss

Last synced: 11 Oct 2024

https://github.com/techycode-01/passwordgenerator

This is a simple project using React and Tailwind CSS that generates random passwords including numbers, alphabets, and special characters. It also includes a functionality to copy the generated password to the clipboard.

jsx react tailwindcss

Last synced: 11 Oct 2024

https://github.com/danrayss/react-foundation-ulbi

Практика по курсу "React JS фундаментальный курс от А до Я".

jsx react

Last synced: 11 Oct 2024

https://github.com/oscararismendi/twitter-follow-card

A simple React application that displays a list of Twitter-like follow cards.

css3 jsx react

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/krzysztofryszawy/react_travel_weather

App weather forecast for multi cities. Usage of OpenWeatherMap API by axios, additional data stored in local storage. {React.js, CSSModules, axios + local storage}

api axios css-modules jsx react

Last synced: 07 Nov 2024

https://github.com/krzysztofryszawy/react_starwarsflirt

sample usage of StarWars API (React.js, CSSModules, axios{Multiple concurrent requests}, Composition model)

axios css-modules firebase jsx react-components reactjs

Last synced: 07 Nov 2024

https://github.com/parin-prog/netflix-clone

It's a Netflix clone that I built using ReactJS, JavaScript, Bootstrap5 and TMDB API. It has a sleek and modern user interface that mimics Netflix, but with some interesting changes. You can explore movies and web series from different genres and interact with them using the Netflix UI. It's a fun and easy way to discover new content and enjoy.

axios-react bootstrap5 css firebase javascript jsx reactjs redux tmdb-api

Last synced: 07 Nov 2024

https://github.com/neelakandanv/mycrm-fe

MyCrm - A Simple and Secure CRM App with tokenized requests and role based authorizations.

axios css3 font-awesome formik git github html5 javascript jsx material-ui netlify react-bootstrap reactjs reactrouterv6 vite yup

Last synced: 11 Oct 2024

https://github.com/hamidhosen42/react-kopa-samsu-gun-website

react-kopa-samsu-gun-website

api css html javascript json jsx react

Last synced: 08 Nov 2024

https://github.com/alexandrabaturina/to-do-list-exercise

React-based frontend for to-do list app

crud-operations jsx react usestate-hook

Last synced: 05 Nov 2024

https://github.com/huntermahmud/gadgetzone-client

This is job task of Programming Hero batch 9.

jsx reactjs tailwindcss vite

Last synced: 11 Oct 2024

https://github.com/naseem1amjad/photoshop-droplet-example

Replace Smart Objects with Images in Folders (JSX Script)

droplet image javascript jsx photoshop replace script smartobjects

Last synced: 08 Nov 2024

https://github.com/amandange/monsters-rolodex

Monsters-Rolodex

css jsx reactjs

Last synced: 11 Oct 2024

https://github.com/gowthamselvaraj123/reactapp-basic

This ReactJS application was created by following a course on Udemy. It serves as a basic introduction to the fundamental concepts of React, such as components, JSX, state, and props.

html js jsx react reactjs

Last synced: 11 Oct 2024

https://github.com/balamurugan-annadurai/react-shopping-cart-redux

About A responsive shopping website built with React.js, featuring dynamic product management and an interactive shopping cart. Users can add, remove, and update product quantities, with real-time updates on total price and stock availability

css3 html5 javascript jsx react

Last synced: 11 Oct 2024

https://github.com/pavan-kumar2/movie-application

The movie app is a web application that allows users to browse and search for movies, view movie details, and view their IMDb ratings. The app is built using HTML, CSS, JavaScript and React JS for the frontend, and uses a third-party API to retrieve movie data.

ajax css html5 javascript jsx reactjs

Last synced: 08 Nov 2024

https://github.com/bntzio/catch-of-the-day

A seafood restaurant management system app built w/react 🐟

css gulp html javascript jsx react

Last synced: 08 Nov 2024

https://github.com/pyrallux/ccbb

Full Stack Web Application Implementing Improved Cycle Counts by Bin with Epicor and Epicor-like ERP Systems

axios bootstrap cors-headers django django-rest-framework docker jsx python react react-hook-form react-query react-router-dom sass typscript vite yup-validation

Last synced: 08 Nov 2024

https://github.com/cihatsolak/corona-app-reactjs

Reactjs architecture was tried to be experienced. Corona api services, which are free, were used in the project. State management, components, props, etc. Care was taken to use concepts in accordance with best practices.

components interceptor jsx npm-package props-and-state-components reactjs state-management tailwindcss

Last synced: 07 Nov 2024

https://github.com/mahammad-mostafa/hello-rails-react

This is the first project in the full stack capstone module of the Microverse program. It is an exercise for using Rails with React through jsbundling-rails gem & WebPack.

api babel es6-javascript eslint gitflow-workflow jsbundling-rails jsx microverse microverse-projects microverse-students postgresql rails-api react-redux react-router reactjs redux-toolkit rubocop ruby-on-rails stylelint webpack

Last synced: 18 Oct 2024

https://github.com/guptamudit/e-learn

Learning Management Platform. This E-Learn Platform is based on NextJs. The Authentication is provided by Clerk Authentication and backend cloud storage and schemas is provided by HyGraph, a platform where GraphQl queries helps in importing databases and perform operations on them.

clerkauth graphql hygraph java jsx lucide-react nextjs react tailwindcss

Last synced: 11 Oct 2024

https://github.com/helton/jsx-live-transpiler

:sparkles: JSX Live Transpiler

babel es2015 jsx live-transpiling react

Last synced: 08 Nov 2024

https://github.com/saicharanuvaraj/codecraft2024

A website created by team work for an hackathon event conducted in college using vite powered reactjs and tailwindcss

css3 html5 javascript jsx reactjs tailwindcss vite

Last synced: 28 Sep 2024

https://github.com/surjoyday/eat-n-split

Eat n Split is a React application designed to simplify bill splitting and expense tracking within a group of friends. With its transaction minimization algorithm, it effortlessly calculates who owes whom and how much, ensuring fair and efficient settlement of expenses.

javascript jsx reactjs

Last synced: 08 Nov 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/mstovarh/clonpag_facebook

En este repositorio, encontrarás una página que he diseñado para que se asemeje lo más posible a la página de inicio de Facebook, utilizando HTML, CSS, Bootstrap y ReactJS.

babel css html javascript jsx reactjs webpack

Last synced: 06 Nov 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/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/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/ismailarilik/tic-tac-toe

A tic-tac-toe game written with React

game javascript jsx react tic-tac-toe

Last synced: 08 Nov 2024

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/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/zachhardesty7/vscode-simple-javascript-refactorings

automated refactorings and code actions for JS, TS, JSX & TSX via VSCode extension

javascript jsx linting react reactjs refactoring tsx typescript visual-studio-code vscode vscode-extension vscode-plugin

Last synced: 08 Nov 2024

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

Planets-Fact-Size

jsx react sass

Last synced: 05 Nov 2024

https://github.com/bhaveshwagh/portfolio

My PortFolio WebApp

jsx react-router reactjs tailwindcss

Last synced: 08 Nov 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/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/shefaadali/tawjihi-management-system-website

this is the client side for Tawjihi Management System Website built using React.js.

css fetch-api html javascript json-api jsx reactjs

Last synced: 06 Nov 2024

https://github.com/anshsinghsonkhia/mentorheal-website

MentorHeal Startup Website - React.js, JS, JSX, HTML5, CSS, TailwindCSS, Firebase

firebase fullstack-development javascript javascript-xml jsx reactjs startup tailwindcss

Last synced: 08 Nov 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/yashkathe/birthday-reminder

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

javascript jsx reactjs

Last synced: 06 Nov 2024

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

https://github.com/proustibat/react-js-markdown-editor

Udemy course by Anthony Welc - Project 1 of "React JS pour les debutants"

getting-started jsx react react-component react-for-beginners react-tutorial reactjs tutorial udemy udemy-tutorial

Last synced: 08 Nov 2024

https://github.com/samedshukurov/finsweet

Finsweet , Used React

css3 git html5 js jsx reactjs

Last synced: 06 Nov 2024

JSX (JavaScript XML) Awesome Lists
awesome-preact 137 awesome-solid-js 194 hyperawesome 71
JSX (JavaScript XML) Categories
Uncategorized 235 Resources 135 📦 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 Testing V1 1 Applications 1 🛠️ Tooling 1