Pinned Repositories
beginners-projects
【社内研修用】作りながら学ぶReact/Next.js, TypeScript チュートリアル
calendar-rails-nextjs
Next.js + RailsAPI, FullCalendarで開発する予定管理カレンダーアプリ
discord_clone
DiscordクローンをReact(TypeScript)で開発(Firebaseにデプロイ済み)。chromeで警告が出る場合はFirefox推奨
hojo-for-freelancer
フリーランスのために税金関連クイズアプリ開発中(Drizzle, NeonDB使用)
js-beginner-projects
laravel10-booking-system
難易度★★★★/ Laravel10でモダンなUIを備えたイベント予約システム開発。いいね、ブックマーク、参加表明、コメント機能を実装。イベントに対してアクションしたら各ページで確認できるようにした。(例えばいいねしたら、自分がいいねしたイベントを専用ページで確認可能)
laravel10_book_review_app
難易度★★★★★/ Laravel10で本のレビューアプリを作成。他人からのコメントや☆マークの設定も実装。初中級者用で前回のTask appの次のチャレンジ用
laravel10_task_list
難易度★★★/ laravel10でタスクリスト(MySQL + Docker)。UI/UXを意識してタスク状況の更新や終了したタスクはあえて目に見えて二重線が引かれるように実装しました。
next-e-book
NextAuth認証機能つきmicroCMS使用した電子ブック購入サイト
next_events_booking_system
難易度 MAX / Next.js/TypeScriptを使用したイベント登録及び予約プラットフォーム(現在Vercelへのデプロイは成功したが、リンクをクリックするとエラーが発生するので対応中)
Kroro1208's Repositories
Kroro1208/laravel10-booking-system
難易度★★★★/ Laravel10でモダンなUIを備えたイベント予約システム開発。いいね、ブックマーク、参加表明、コメント機能を実装。イベントに対してアクションしたら各ページで確認できるようにした。(例えばいいねしたら、自分がいいねしたイベントを専用ページで確認可能)
Kroro1208/laravel10_book_review_app
難易度★★★★★/ Laravel10で本のレビューアプリを作成。他人からのコメントや☆マークの設定も実装。初中級者用で前回のTask appの次のチャレンジ用
Kroro1208/laravel10_task_list
難易度★★★/ laravel10でタスクリスト(MySQL + Docker)。UI/UXを意識してタスク状況の更新や終了したタスクはあえて目に見えて二重線が引かれるように実装しました。
Kroro1208/next_events_booking_system
難易度 MAX / Next.js/TypeScriptを使用したイベント登録及び予約プラットフォーム(現在Vercelへのデプロイは成功したが、リンクをクリックするとエラーが発生するので対応中)
Kroro1208/next_modern_website
難易度★★★/ Next.jsを使用したmodern website(tailwindcss、framer-motion、react-icons)
Kroro1208/Nextjs-portfolio
難易度★★★★/Next.js14, tailwindCSS, framer-motion, email js,を使用したモダンなウェブサイトです。スクロール時にサイドバを追従させたり、email jsを使用したメール機能を実装しました。
Kroro1208/react_household_app
家計簿アプリをReact(Typescriptで実装)
Kroro1208/redux_shopping_cart
難易度★★★★/ Redux ToolKitを利用して買い物ショッピングカート機能を実装
Kroro1208/discord_clone
DiscordクローンをReact(TypeScript)で開発(Firebaseにデプロイ済み)。chromeで警告が出る場合はFirefox推奨
Kroro1208/hojo-for-freelancer
フリーランスのために税金関連クイズアプリ開発中(Drizzle, NeonDB使用)
Kroro1208/blog-app-typescript
Build a FullStack Blog App using Next.js 14, Prisma, Typescript, PostgreSQL, Firebase
Kroro1208/contact-form-laravel10
難易度★★★/ 管理機能付きのコンタクトフォームを実装。基本的なCRUD/RESTfulに加え、検索機能、ファットコントローラー防止、ダミーデータの大量作成、JSを利用してボタンクリック時にエラーメッセージを表示させた)
Kroro1208/elegant-modern-website
React, Tailwind css, framer motionを使用したシンプルかつエレガントなウェブサイト
Kroro1208/fit-recipe-app
難易度★★★★★/ クックパッドをお手本にしたレシピアプリ。基本的なCRUD操作、AWS(s3)を使用した画像の保存、レビュー機能、コメント機能、検索機能を実装
Kroro1208/graphql-news-app
Kroro1208/instagram-clone-laravel10
Laravel10, livewire, breeze, daisyUI, tailwindを使用してinstagramのクローンを作成!!
Kroro1208/laravel_ecommerce
マルチログイン機能を構築してECサイトを作成(Breeze&TailwindCSS)
Kroro1208/next-auth-app
Next.jsとNextAuthを使用した認証ログインシステム作成
Kroro1208/next-basic-learn-app
[初心者学習用] 基本的なディレクトリ構造などを学ぶ
Kroro1208/next-crud-app
Next.js/TyepScriptを使った基本的なCRUD操作を身につけよう!
Kroro1208/next-portfolio
My Portfolio website using Next.js and TailwindCSS
Kroro1208/next-todo-app
Next.js/TyepScriptを使った基本的なCRUD操作を身につけるTODOアプリ
Kroro1208/NextJs-CRUD-Prisma-MySQL
Kroro1208/nextjs-portfolio-website
Kroro1208/react-animated-website
React, framer-motion,email.jsを使用してアニメーションのあるwebsite作成。カーソルポインターの実装に苦労した。
Kroro1208/react-website
Reactを使用したモダンウェブ開発。useEffect,react-aos,email.jsなどを使用して爆速開発
Kroro1208/react_redux_basic
React reduxを使用したアプリケーション開発
Kroro1208/redux-toolkit-practice
Next.js14, TypeScriptプロジェクトで、Redux toolkitを使用した際のテーマカラーの切り替え
Kroro1208/redux-typescript-shop_cart
Redux ToolkitをTypeScriptで実装しShopping Cartを開発。createSlicerを使用したModalの実装からショッピングカート機能の実装まで。
Kroro1208/vitest-app
vitestの練習