Feat/create web application docker configuration

.dockerignore

@@ -0,0 +1,15 @@
+node_modules
+Dockerfile*
+docker-compose*
+.dockerignore
+.git
+.gitignore
+README.md
+LICENSE
+.vscode
+Makefile
+helm-charts
+.env
+.editorconfig
+.idea
+coverage*

apps/web/README.md

@@ -52,3 +52,40 @@ To run the application in development mode, use:
 bun turbo dev
 ```
 
+## Running the Application with Docker
+
+Follow the steps below to set up and run the CofiBlocks web application using Docker.
+
+### 1. Set Up Environment Variables
+
+Create a `.env` file by copying the example configuration:
+
+```bash
+cp .env.example .env
+```
+
+Then, fill in the required values in the `.env` file:
+
+- **`DATABASE_URL`**: The database connection URL.
+  - Example for a local MySQL setup:
+    ```
+    mysql://root:root@127.0.0.1:3306/web
+    ```
+
+### 2. Build and Start the Docker Containers
+
+Ensure Docker is running and execute the following commands to build and start the Docker containers:
+
+```bash
+docker-compose down
+docker-compose up --build
+```
+
+### 3. Access the Application
+
+Once the containers are up and running, you can access the application at:
+
+```
+http://localhost:3000
+```
+

apps/web/init.sql

@@ -0,0 +1,4 @@
+-- REPLACE janedoe with your mysql user in the .env
+
+GRANT CREATE ON *.* TO 'janedoe'@'%';
+GRANT ALL PRIVILEGES ON *.* TO 'janedoe'@'%';

apps/web/package.json

@@ -3,6 +3,7 @@
 	"version": "0.1.0",
 	"private": true,
 	"type": "module",
+	"workspaces": ["./packages/*"],
 	"prisma": {
 		"schema": "./prisma/schema.prisma",
 		"seed": "./prisma/seed.js"
@@ -13,26 +14,27 @@
 		"db:migrate": "prisma migrate deploy",
 		"db:push": "prisma db push",
 		"db:studio": "prisma studio",
-		"dev": "next dev",
-		"postinstall": "prisma generate",
+		"dev": "next dev --hostname 0.0.0.0",
+		"postinstall": "prisma generate && next build || true",
 		"lint": "next lint",
 		"start": "next start",
 		"dev:storybook": "storybook dev -p 6006",
 		"build:storybook": "storybook build"
 	},
 	"dependencies": {
 		"@auth/prisma-adapter": "^1.6.0",
+		"@hookform/resolvers": "^3.3.4",
 		"@prisma/client": "5.22.0",
 		"@radix-ui/react-tooltip": "^1.1.8",
-		"@repo/ui": "*",
+		"@repo/ui": "workspace:*",
 		"@starknet-react/chains": "^0.1.7",
 		"@starknet-react/core": "^2.9.0",
 		"@t3-oss/env-nextjs": "^0.10.1",
 		"@tanstack/react-query": "^5.50.0",
 		"@trpc/client": "^11.0.0-rc.446",
 		"@trpc/react-query": "^11.0.0-rc.446",
 		"@trpc/server": "^11.0.0-rc.446",
-		"bcrypt": "^5.1.1",
+		"bcryptjs": "^3.0.2",
 		"framer-motion": "^11.3.30",
 		"geist": "^1.3.0",
 		"get-starknet-core": "^3.3.3",
@@ -42,12 +44,13 @@
 		"pinata-web3": "^0.5.3",
 		"react": "^18.3.1",
 		"react-dom": "^18.3.1",
+		"react-hook-form": "^7.51.0",
 		"react-hot-toast": "^2.5.1",
 		"react-i18next": "^15.0.2",
 		"server-only": "^0.0.1",
 		"starknet": "^6.11.0",
 		"superjson": "^2.2.1",
-		"zod": "^3.23.3"
+		"zod": "^3.22.4"
 	},
 	"devDependencies": {
 		"@chromatic-com/storybook": "^1.9.0",
@@ -61,7 +64,7 @@
 		"@storybook/nextjs": "^8.3.0",
 		"@storybook/react": "^8.3.0",
 		"@storybook/test": "^8.3.0",
-		"@types/bcrypt": "^5.0.2",
+		"@types/bcryptjs": "^2.4.6",
 		"@types/eslint": "^8.56.10",
 		"@types/node": "^20.14.10",
 		"@types/react": "^18.3.3",

apps/web/prisma/schema.prisma

@@ -1,6 +1,7 @@
 generator client {
   provider        = "prisma-client-js"
   previewFeatures = ["driverAdapters"]
+  binaryTargets = ["native", "linux-arm64-openssl-1.1.x", "debian-openssl-1.1.x", "linux-musl", "darwin-arm64"]
 }
 
 datasource db {

apps/web/sql/init.sql

@@ -0,0 +1,2 @@
+GRANT CREATE ON *.* TO 'janedoe'@'%';
+GRANT ALL PRIVILEGES ON *.* TO 'janedoe'@'%';

apps/web/src/app/_components/features/ProductStatusDetails.tsx

@@ -3,7 +3,6 @@
 import {
 	CheckCircleIcon,
 	ShoppingBagIcon,
-	TruckIcon,
 	WalletIcon,
 } from "@heroicons/react/24/outline";
 import { zodResolver } from "@hookform/resolvers/zod";
@@ -33,12 +32,6 @@ enum DeliveryTypeEnum {
 	Delivery = "Delivery",
 }
 
-const OrderStatusEnum = {
-	PENDING: "PENDING",
-	COMPLETED: "COMPLETED",
-	CANCELLED: "CANCELLED",
-} as const;
-
 const orderStatusSchema = z.object({
 	status: z.enum(["PENDING", "COMPLETED", "CANCELLED"] as const),
 });

apps/web/src/app/api/auth/register/route.ts

@@ -1,5 +1,5 @@
 import type { Role } from "@prisma/client";
-import { hash } from "bcrypt";
+import { hash } from "bcryptjs";
 import type { NextRequest } from "next/server";
 import { db } from "~/server/db";
 

apps/web/src/server/auth.ts

@@ -1,5 +1,5 @@
 import type { Role } from "@prisma/client";
-import { compare } from "bcrypt";
+import { compare } from "bcryptjs";
 import type { DefaultSession, NextAuthOptions } from "next-auth";
 import { getServerSession } from "next-auth";
 import CredentialsProvider from "next-auth/providers/credentials";