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/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/bhaveshwagh/portfolio

My PortFolio WebApp

jsx react-router reactjs tailwindcss

Last synced: 08 Nov 2024

https://github.com/shaikahmadnawaz/learn-react

React - A JavaScript library for building user interfaces

es6 frontend javascript-library jsx react reactjs tutorial ui

Last synced: 06 Nov 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/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/sodiqsanusi/github-finder

A web app to get details from any GitHub account. This web app was built in two days.

api javascript jsx react responsive-layout webapp

Last synced: 08 Nov 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/aayushyadavz/react-basics-notes

Basically in this repo you will find the React topic wise codes with notes on every line of code. Beginner friendly React notes, you can learn, revise e.t.c.

babel complex-state components-react destructuring-objects expressions jsx reactjs spread-operator usestate-hook

Last synced: 11 Oct 2024

https://github.com/mcnallydev/react-md-switch

React Component Material Design Switch.

javascript jsx react

Last synced: 11 Oct 2024

https://github.com/khaimyk/storecopy

In the process of project implementation

css javascript jsx mobx react scss

Last synced: 11 Oct 2024

https://github.com/prabhas9346/notes-repoel

I'm thrilled to share my latest project, Quick Keep Notes – a single-page, full-stack note-taking application that allows users to jot down their thoughts, ideas, and reminders quickly and efficiently.

expressjs html-css-javascript jsx netlify nodejs react-router react-router-dom reactjs render sqlite

Last synced: 11 Oct 2024

https://github.com/deanhdz/little-lemon

Proyecto final desarollado en React para el curso de "Desarrollador front-end de Meta Professional Certificate".

css html javascript jsx react

Last synced: 11 Oct 2024

https://github.com/roydukkey/jsx-destruct

This tiny package allows you to unpack values directly in JSX statements

destructuring jsx

Last synced: 13 Oct 2024

https://github.com/saulwolfdev/react-review

Todo list, repaso de conceptos en la nueva versión de React

arrow-functions async-await destructuring filter json jsx map npm prop-types react

Last synced: 11 Oct 2024

https://github.com/miro-wq/goit-react-hw-01-components

This homework task project is a comprehensive social media dashboard composed of several key components that demonstrate fundamental concepts in React development.

component-based css friend-list frontend json jsx modular-code profile-component props-type react react-components-and-css-modules social-media statistics transaction-history ui web-development

Last synced: 11 Oct 2024

https://github.com/andrei-markeev/timerquiz

Simple quiz application built with Node.js, MongoDb and server-side JSX-templates. https://timerquiz.vercel.app

jsx mongodb node-js quiz-application typescript

Last synced: 15 Oct 2024

https://github.com/samedshukurov/portfolio

My Portfolio

css3 html5 js jsx react vite

Last synced: 11 Oct 2024

https://github.com/arthurclaro/metafisic

O METAFISIC foi criado para ser seu parceiro na jornada de desenvolvimento muscular. Ao utilizar nosso sistema de hipertrofia alvo, você terá um caminho claro e eficaz para atingir seus objetivos. Estamos aqui para apoiá-lo a cada passo, garantindo que você alcance a melhor versão de si mesmo.

javascript jsx nestjs prisma react sass typescript

Last synced: 06 Nov 2024

https://github.com/smailen5/portfolio-website

Sito portfolio e di presentazione, qui e possibile vedere una parte dei miei lavori e i progetti in corso

jsx nextui react tailwind vite

Last synced: 11 Oct 2024

https://github.com/arielspencer/blog-ola-mundo

👋🏻 O Blog Olá Mundo é uma aplicação web projetada para compartilhar artigos, permitindo que você adapte facilmente a identidade visual e publique artigos sobre qualquer assunto de sua escolha.

blog front-end javascript jsx react react-router single-page-application

Last synced: 06 Nov 2024

https://github.com/thiagoaugusto1806/alura-codeconnect

Site desenvolvido no curso Alura "React: construíndo componentes com JSX"

babel jsx react react-hooks

Last synced: 11 Oct 2024

https://github.com/mskian/water-tracker-app

Water Tracker : Track your daily water intake and stay hydrated.

css html hydrated hydration javascript jsx localstorage tailwindcss tsx typescript vite water water-intake water-tracker

Last synced: 11 Oct 2024

https://github.com/ksanthoshfsd/react-usecontext-task

ROAD MAP DAY 28 MY TODO TASK 17 COMPLETED

components css html jsx reactjs usecontext-hook

Last synced: 11 Oct 2024

https://github.com/deepanagarjan/add-to-cart-task

DEEPA ENTERPRISES add to cart using react and jsx

bootstrap5 html5 jsx npm-package reactjs responsive-design

Last synced: 11 Oct 2024

https://github.com/yogihafidh/usepopcron

An app that helps users discover and rate their favorite movies and series. The app offers many features that make it easy to find content and manage your personalized lists.

css javascript jsx movies omdb-api reactjs

Last synced: 07 Nov 2024

https://github.com/abhishekgurjar-in/sunnyside-agency

The Sunnyside Agency website is designed to highlight the services, projects, and testimonials of a creative agency. It features a clean, professional design with smooth scrolling and responsive layouts. The website includes the following sections

css javascript jsx react sunnyside sunnyside-agency-landing-page web-development

Last synced: 11 Oct 2024

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

Currency Converter is a web application built with React, Vite, and Tailwind CSS. It enables real-time currency conversion and supports currency selection and amount input with a user-friendly interface.

hooks jsx reactjs tailwind-css

Last synced: 11 Oct 2024

https://github.com/dharanchilukuri/todolist-crud

todo list app to manage tasks

jsx parcel reactjs tailwindcss usestate-hook

Last synced: 11 Oct 2024

https://github.com/mskian/preact-markdown-editor

A Simple and Flexible Markdown Post Editor with Writing Tools and Preview Mode.

bulma html jsx markdown markdown-editor markdown-previewer marked preact preact-markdown preact-markdown-editor tailwindcss tsx typescript vite

Last synced: 11 Oct 2024

https://github.com/sidd0894/react-application-form

An application form made with react

application-form form jsx react

Last synced: 11 Oct 2024

https://github.com/animatable-js/animatable_jsx

This extension package of animatable-js allows for easy and lightweight implementation of linear or curved animations in a JSX/TSX environment.

animatable-js jsx react

Last synced: 11 Oct 2024

https://github.com/ksanthoshfsd/react-routes-task

ROAD MAP DAY 26 MY TODO TASK 16 COMPLETED

components css html jsx pages reactjs reactrouterdom router routes

Last synced: 11 Oct 2024

https://github.com/dytsou/sdcbillook

A react billook created in SDC

html javascript jsx npm npmjs

Last synced: 12 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/susanta0/infinite_set_susanta

Welcome to the Infinite-Set website. This frontend application was built to replicate the functionalities of this assignment. The project was developed over a span of two days as an individual effort, utilizing a modern tech stack with a focus on responsive design.

jsx jvascript react-apexcharts reactjs tailwindcss

Last synced: 11 Oct 2024

https://github.com/sahiltiwariiii/reactcountriesproject

This is country project with the help of reactjs

css javascript jsx react-router-dom reactjs

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/lyrics-finder

The Lyrics Finder allows users to search for song lyrics by entering the song title and artist name. It fetches the lyrics from a public API and displays them on the screen. Users can quickly find and read the lyrics of their favorite songs.

api css javascript jsx lyrics-finder react web-development

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/loop-studio

Loop Studio is an immersive website designed to showcase various virtual reality (VR) projects. Using React, we can efficiently manage and render different components to build a cohesive and interactive user experience.

javascript jsx loop-studios react web-development

Last synced: 11 Oct 2024

https://github.com/thitikorn-nupan/react-and-vite-core-base-typescript

anythings same the last react project but this i keep to use typescript language (it's better performance)

bootstrap5 css html5 javascript jsx react tsx typescript vite

Last synced: 11 Oct 2024

https://github.com/saicharanuvaraj/tictactoe-react-game

A well designed Tic Tac Toe (XO) game for browsers created using vite powered reactjs and tailwind css with xo game logic

game google-fonts html-css-javascript jsx reactjs tailwindcss vite

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/password-validator

The Password Validator checks the strength of the user's password in real-time and provides feedback on whether the password meets the criteria for a strong password. The feedback is displayed below the input field, encouraging users to create more secure passwords.

css javascript jsx password-validator react web-development

Last synced: 11 Oct 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/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/nikamunjishvili/planet-fact-app

Planets-Fact-Size

jsx react sass

Last synced: 05 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/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/xontab/react-forms-component

Form Component including validation for React

boilerplate forms jsx react validation webpack

Last synced: 13 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/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/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/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/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/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/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/quangv/dr-dom

r-dom div wrapper

jsx r-dom react

Last synced: 11 Oct 2024

https://github.com/shubhamdutta2000/awesomenav

A very basic Hamburger Menu made using react

hamburger-menu javascript jsx minify props react state

Last synced: 07 Nov 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/i9or/basictodo

:white_check_mark: Production ready to-do list web application

bootstrap5 bun drizzle-orm free-software hono htmx jsx server-side-rendering sqlite

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/dylanvann/jsx-to-html

An online tool to make a best effort conversion of JSX to code that's usable in other frameworks.

hacktoberfest html jsx

Last synced: 13 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/billstephens2022/pizza-react

A simple React app from a tutorial displaying a Pizza Menu. Demonstrates the use of React components, props, conditional rendering, and using map method to easily render data from arrays within a component

css html javascript jsx react

Last synced: 24 Oct 2024

https://github.com/diogoangelim/html-to-jsx-demo

Html to JSX Demo

converter html jsx react

Last synced: 01 Nov 2024

https://github.com/offensive-vk/temp

My Personal Favourite Movies and Web Series Explorer. Find Everything.

ci docker github-actions jsx movie-finder movies ott react series tailwind tv

Last synced: 01 Nov 2024

https://github.com/mohammad-obidat/nasapp

I developed this project through Elevation academy full-stack Bootcamp, in this project you can see NASA news for every day, search for a specific news and add what you like to your favorite, all that saved on local mongo DB.

css3 express jsx mongodb mongoose nodejs react react-bootstrap react-hooks react-router

Last synced: 07 Nov 2024

https://github.com/luovtyrell/personal-budget-assistant

Track your income, expenses, analyze your spending, and set budget alerts. Built with React and Material UI.

css3 jsx material-ui nanostores reactjs recharts tailwindcss

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