荒木 聰's Projects
Created with CodeSandbox
Car gallery component for Auto-Schrader - Iframe
This is the Best Next.js Project Structure, You can use this anytime.
chatGPT integration using TNT(Typescript + Next.js + Tailwind CSS)
chatGPT API integration using Next.js. ChatGPT is a language model developed by OpenAI that can generate human-like text responses based on the provided input. ChatGPT is designed to engage in back-and-forth conversation with users and can be integrated into various applications and platforms.
Company Introducing Website with Next.js and Typescript. Consists of several pages. This site is simple but it is the best practice of next.js + typescript + styled-component.
JavaScript ES6 introduced, among many other things, the spread operator (...), which allows an iterable to be expanded in places where zero or more arguments or elements are expected. We can use the spread operator to convert iterables or, as they are sometimes referred to, array-likes.
Copies a string to the clipboard. Only works as a result of user action (i.e. inside a click event listener).
Converts a comma-separated values (CSV) string to a 2D array of objects. The first row of the string is used as the title row.
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.
First Django Studying Project
Booking Site with Pug, MySQL, javascript. And deploy using Docker.
Renders a file drag and drop component for a single file. The useful react component.
Angular sample project
The first go project - prints message "Hello World".
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.
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.
MERN Stack CRUD operation. Using best practices. Uses jwt-token for authentication.JWT (JSON Web Token) is a commonly used method for authentication and authorization in web applications, including those built with React. User Registration/Authentication: When a user registers or logs in to the application, their credentials are sent to the server.
MERN Stack CRUD operation. Using best practices. Uses jwt-token for authentication.MERN Stack CRUD operation. Using best practices. Uses jwt-token for authentication.JWT (JSON Web Token) is a commonly used method for authentication and authorization in web applications, including those built with React. User Registration/Authentication: When a user
eCommerce website using Laravel. The project is not wonderful but clean. Has good search functionality. Hight loading speed and Database operation speed.
This is Letter animation using React and Typescript. I used this animation in development for daydreamerz website. The site url is https://daydreamerz.io
Authentication with MERN stack
This function returns fomatted date from milisecond. Generally the Date related functions returns miliseconds so this function is useful our programing and this is basic skill of Javascript developers.
Simple Web application using Next.js
Landing page for game site implemented with good SEO.
Landing page using TNT Stack.