Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
Projects in Awesome Lists by s-babaeizadeh
A curated list of projects in awesome lists by s-babaeizadeh .
https://github.com/s-babaeizadeh/pokemon-filter
The Pokemon API is applied to search and filter data.
lucide-react nextjs tailwindcss typescript
Last synced: 14 Jan 2025
https://github.com/s-babaeizadeh/tanstack-query-react-state-management
TanStack Query is a powerful library designed for managing server state in React applications.
react-query reactjs tailwindcss tanstack-react-query typescript
Last synced: 14 Jan 2025
https://github.com/s-babaeizadeh/gsap-animation-examples
This repository serves as a comprehensive resource for developers looking to implement GSAP in their projects
animation css examples gsap reactjs svg-animations vite
Last synced: 14 Jan 2025
https://github.com/s-babaeizadeh/reactjs-threejs-example
Threejs example
examples react-fiber-three react-three-drei reactjs threejs
Last synced: 13 Feb 2025
https://github.com/s-babaeizadeh/next15-react19-app
This application is built using Next.js 15 and React 19, leveraging the latest features for an enhanced user experience.
next15 react19 shadcn-ui tailwindcss tyepscript
Last synced: 10 Feb 2025
https://github.com/s-babaeizadeh/nextjs-shadcn-dashboard-template
Visualization Dashboard Template is crafted using Next.js, TypeScript, and Shadcn, providing an intuitive and powerful solution for developers who aim to create dynamic and visually appealing admin dashboards. This template leverages the latest technologies to deliver a highly customizable and responsive interface, suitable for various applications
admin-dashboard admin-panel dashboard data-visualization nextjs reactjs shadcn-admin shadcn-ui shadcn-ui-boilerplate typescript
Last synced: 10 Feb 2025
https://github.com/s-babaeizadeh/daily-notes
Daily Note is a lightweight React mini-app that enables users to easily manage their daily notes.
Last synced: 14 Jan 2025
https://github.com/s-babaeizadeh/react.js-datatable-delete-edit-filter-pagination
Last synced: 14 Jan 2025
https://github.com/s-babaeizadeh/react.js-usereducer
An example of how to use the useReducer hook in a React application.
reactjs shadcn-ui tailwindcss typescript usereducer
Last synced: 14 Jan 2025
https://github.com/s-babaeizadeh/react-hook-form-with--zod-validation
Integrating react-hook-form with Zod for validation enhances form management in React applications. This combination allows developers to define schema-based validations with Zod, ensuring inputs meet specific criteria while benefiting from TypeScript's type inference.
react-hook-forms reactjs tailwindcss vite zod-validators
Last synced: 14 Jan 2025
https://github.com/s-babaeizadeh/react-redux-post-list-app
post list app build with react, redux, and materialize
Last synced: 14 Jan 2025
https://github.com/s-babaeizadeh/weather-app
Progressive weather app build with React and styled-components
Last synced: 14 Jan 2025
https://github.com/s-babaeizadeh/react-expense-manager-usecontext-usereducer
Last synced: 14 Jan 2025
https://github.com/s-babaeizadeh/remove-duplicate-values-from-js-array
The aim of the remove duplicate values from array is to create a new array that contains only unique values from the original array, effectively eliminating any repeated elements to ensure data integrity and optimize performance in JavaScript applications.
Last synced: 14 Jan 2025
https://github.com/s-babaeizadeh/recipe-app
Progressive Recipe app build with React and Material UI
Last synced: 14 Jan 2025
https://github.com/s-babaeizadeh/veg-shop
Progressive Vegetable and fruit shopping app build with React using Context API
Last synced: 14 Jan 2025
https://github.com/s-babaeizadeh/rxjs-with-react
React application with RxJs
Last synced: 14 Jan 2025
https://github.com/s-babaeizadeh/redux-toolkit
The Redux Toolkit Counter is an example of how to use Redux Toolkit alongside TypeScript to enhance a ReactJS application.
reactjs redux-toolkit typescript vite
Last synced: 14 Jan 2025
https://github.com/s-babaeizadeh/tanstack-query-react-state-management-
TanStack Query is a powerful library designed for managing server state in React applications, enabling efficient data fetching, caching, and synchronization while simplifying the complexities associated with asynchronous data handling.
react-query reactjs tailwindcss tanstack-react-query typescript
Last synced: 14 Nov 2024
https://github.com/s-babaeizadeh/reactjs-usereducer-typescript
This repository is aimed to provide set of reactjs code
reactjs tailwindcss typescript vite
Last synced: 25 Nov 2024
https://github.com/s-babaeizadeh/react-hooks-typescript
This repository is aimed to provide set of reactjs code
reactjs tailwindcss typescript vite
Last synced: 30 Jan 2025
https://github.com/s-babaeizadeh/next-js-sending-data-typescript-zod
The choice of which method to use for sending data to the server depends on your application's specific requirements and architecture. This repository serves as a practical guide for developers looking to efficiently implement data transmission in their Next.js 15 applications, explaining four distinct ways to send data: sending a JSON payload to a
form nextjs15-typescript react-hook-form reactjs shadcn-ui tailwindcss typescript zod-validation
Last synced: 30 Jan 2025
https://github.com/s-babaeizadeh/login-and-register-form
Login and Register form
Last synced: 14 Jan 2025
https://github.com/s-babaeizadeh/debouncing-react-typescript
Apply the debouncing optimization technique to enhance performance by limiting the frequency of function calls in search input scenarios, and use fake data to effectively demonstrate the results.
debugging fakerjs reactjs typescript
Last synced: 30 Jan 2025
https://github.com/s-babaeizadeh/otp-login
Implementing OTP (One-Time Password) functionality in a React application enhances security by providing an additional layer of authentication, ensuring that only authorized users can access sensitive features or data.
Last synced: 14 Jan 2025
https://github.com/s-babaeizadeh/instagram-app
Progressive Instagram-like app build with React
Last synced: 14 Jan 2025
https://github.com/s-babaeizadeh/stepper-react
A stepper in React is a component that visually guides users through a sequence of steps, often used in forms to enhance user experience by breaking down complex tasks into manageable parts.
Last synced: 14 Jan 2025
https://github.com/s-babaeizadeh/tanstacktable-downloadbtn-searchfilter
In React applications, Tabstak tables are effectively employed to present data in a structured and visually appealing manner.
debouncing file-download pagination reactjs tailwindcss tanstack-react-query tanstack-table
Last synced: 14 Jan 2025
https://github.com/s-babaeizadeh/simple-pagination-react-app
The Mini Blog React App is designed to efficiently fetch and display data using pagination. This feature enhances user experience by allowing seamless navigation through large sets of content.
axios fetch-api pagination react-hooks reactjs
Last synced: 14 Jan 2025
https://github.com/s-babaeizadeh/react-motion-menu
The menu bar is created using ReactJS, styled-components, and react-motion.
react-motion reactjs styled-components
Last synced: 14 Jan 2025
https://github.com/s-babaeizadeh/react-redux-hook
A small application using React-Redux Hook's useSelector and useDispatch
Last synced: 14 Jan 2025
https://github.com/s-babaeizadeh/react-responsive-carousel
In this React project, the react-responsive-carousel is utilized as a powerful, lightweight, and fully customizable carousel component. It offers an extensive array of features designed to create responsive and mobile-friendly carousels, including the ability to swipe between slides.
javascript react-responsive-carousel reactjs
Last synced: 14 Jan 2025
https://github.com/s-babaeizadeh/next-shadcn
Next-Shadcn is a fully dynamic, open-source tool designed to streamline the creation of complex components in Next.js applications using Shadcn.
component css nextjs14 radix-ui reactjs shadcn shadcn-ui tailwindcss typescript ui
Last synced: 17 Oct 2024
https://github.com/s-babaeizadeh/nextjs-rive-hero-animation
Rive is a powerful tool for enhancing user engagement through interactive illustrations in Next.js applications. By integrating Rive, developers can create dynamic animations and graphics that respond to user interactions, significantly improving the overall user experience.
nextjs14-typescript rive tailwind-css typescript
Last synced: 21 Jan 2025
https://github.com/s-babaeizadeh/authentication-nextjs-shadcn-ui
This repository showcases a user authentication system built with Next.js 15 and TypeScript, utilizing the shadcn-ui component library for an enhanced user interface. The application features secure user registration and login functionality,
authentication nextjs15 shadcn-ui typescript
Last synced: 16 Feb 2025