荒木 聰's repositories
javascript-.csv-as-database-handling
Using a CSV file as a database can be a simple and lightweight solution for managing data. Here's how you can work with a CSV file as a database.
react-draggable-slide
This is draggable slide sample using React.js and Typescript. I used this in the game landing page at CryptoHunters.io Company. Really useful sample.
react-skeleton-loading-ts
The Skeleton component should be used directly in your components in place of content that is loading. While other libraries require you to meticulously craft a skeleton screen that matches the font size, line height, and margins of your content, the Skeleton component is automatically sized to the correct dimensions.
auto-schrader-react-car-gallery
Car gallery component for Auto-Schrader - Iframe
django-food-project
Django is a free and open-source web framework , written in Python, that follows the model-template-views (MTV) architectural pattern. It is used to build and maintain complex database-driven websites. Django takes care of much of the hassle of web development, so you can focus on writing your app without needing to reinvent the wheel.
django-hello-world
First Django Studying Project
drag-drop-react-component
Renders a file drag and drop component for a single file. The useful react component.
go-helloworld
The first go project - prints message "Hello World".
js-high-order-function
Higher-order functions are functions that operate on other functions, either by accepting them as arguments or by returning them as their results. This allows us to create an abstraction layer over actions, not just values.
NodeJS-create-server
Node.js is an open-source, cross-platform, JavaScript runtime environment that executes JavaScript code outside a web browser. Let's getting start with this tutorial on NodeJS journey
nodejs-get-started
A Node.js app runs in a single process, without creating a new thread for every request. Node.js provides a set of asynchronous I/O primitives in its standard library that prevent JavaScript code from blocking and generally, libraries in Node.js are written using non-blocking paradigms, making blocking behavior the exception rather than the norm.
python-adding-numbers
The best way to learn Python is by practicing examples. This page contains examples on basic concepts of Python. We encourage you to try these examples on your own before looking at the solution.
python-area-triangle
Python Program to Calculate the Area of a Triangle
python-quadratic-roots
Python Program to Solve Quadratic Equation
python-sqrt
Python Program to Find the Square Root
random-mint-contract-solidity
Mint contract randomly using solidity for smart contract.
react-lazy-loading
Renders an image that supports lazy loading.
react-simple-modal
Simple Modal Component with Typescript. Helpful to implement best practise.
react-tree-view
Renders a tree view of a JSON object or array with collapsible content.
remix-get_started
Remix is a server-side rendering JavaScript framework built on React that allows us to build full-stack web applications due to its frontend and server-side capabilities.
simple-button-animation
This is simple button animation with HTML and CSS. If we use HTML & CSS actively we can create more active and good products as well.
styled-component-config-basic-components
styled-component-config-basic-components
three.js-spinning-box
Three.js is a cross-browser JavaScript library and application programming interface used to create and display animated 3D computer graphics in a web browser using WebGL. The source code is hosted in a repository on GitHub.
useGetSet-react-hook
Creates a stateful value, returning a getter and a setter function.
useOnGlobalEvent-react-hook
Executes a callback whenever an event occurs on the global object.
usePrevious-react-hook
Stores the previous state or props.
useToggler-react-hook
Provides a boolean state variable that can be toggled between its two states.
wagmi-useContractWrite
wagmi is a development tool for EVM-based blockchains that provides over 20 React hooks for interacting with wallets, contracts, and transactions. It has built-in wallet connectors for popular wallets like MetaMask, WalletConnect, and Coinbase Wallet.