add prettier

Author: alcpereira

.prettierignore

@@ -0,0 +1 @@
+pnpm-lock.yaml

APPWRITE_SETUP.md

@@ -23,15 +23,15 @@ This guide will help you set up Appwrite for this project
    - For development: add `localhost:3000`
    - For production: add your domain
 
-### 4. Environment Variables 
+### 4. Environment Variables
 
 1. Change `.env.example` to `.env.local` in your project root
 
-2. **Replace:** 
+2. **Replace:**
+
 - `NEXT_PUBLIC_APPWRITE_PROJECT_ID` with your actual Appwrite project ID
 - `NEXT_PUBLIC_APPWRITE_ENDPOINT` with your actual Appwrite endpoint that looks like "https://city.cloud.appwrite.io/v1"
 
-
 ## Features
 
 The login page includes:
@@ -51,12 +51,10 @@ The login page includes:
 3. Use the "Create new account" button to register a new user
 4. After successful login, users will see a welcome message with logout option
 
-
 ## Troubleshooting
 
 ### Common Issues
 
 1. **"Project ID not found"**: Make sure you've updated the project ID in `.env.local`
 2. **CORS errors**: Ensure your domain is added to the allowed domains in Appwrite settings
 3. **Authentication failed**: Check that email/password auth is enabled in your Appwrite project
-

eslint.config.mjs

@@ -1,6 +1,8 @@
 import { dirname } from "path";
 import { fileURLToPath } from "url";
 import { FlatCompat } from "@eslint/eslintrc";
+import { defineConfig } from "eslint/config";
+import eslintConfigPrettier from "eslint-config-prettier/flat";
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
@@ -9,8 +11,7 @@ const compat = new FlatCompat({
   baseDirectory: __dirname,
 });
 
-const eslintConfig = [
+export default defineConfig([
   ...compat.extends("next/core-web-vitals", "next/typescript"),
-];
-
-export default eslintConfig;
+  eslintConfigPrettier,
+]);

package.json

@@ -6,7 +6,9 @@
     "dev": "next dev --turbopack",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "format": "prettier --write .",
+    "format:check": "prettier --check ."
   },
   "dependencies": {
     "appwrite": "^18.1.1",
@@ -22,11 +24,17 @@
     "@types/react-dom": "^19",
     "eslint": "^9",
     "eslint-config-next": "15.4.1",
+    "eslint-config-prettier": "^10.1.8",
+    "prettier": "^3.6.2",
     "tailwindcss": "^4",
     "typescript": "^5"
   },
   "packageManager": "pnpm@10.13.1+sha512.37ebf1a5c7a30d5fabe0c5df44ee8da4c965ca0c5af3dbab28c3a1681b70a256218d05c81c9c0dcf767ef6b8551eb5b960042b9ed4300c59242336377e01cfad",
   "pnpm": {
-    "onlyBuiltDependencies": ["@tailwindcss/oxide", "sharp", "unrs-resolver"]
+    "onlyBuiltDependencies": [
+      "@tailwindcss/oxide",
+      "sharp",
+      "unrs-resolver"
+    ]
   }
 }

pnpm-lock.yaml

@@ -0,0 +1,10 @@
+/**
+ * @see https://prettier.io/docs/configuration
+ * @type {import("prettier").Config}
+ */
+const config = {
+  semi: true,
+  singleQuote: false,
+};
+
+export default config;

prettier.config.mjs

@@ -1,10 +1,10 @@
-import { Client, Account} from 'appwrite';
+import { Client, Account } from "appwrite";
 
 const client = new Client();
 
 client
-    .setEndpoint(process.env.NEXT_PUBLIC_APPWRITE_ENDPOINT!) // Your API Endpoint
-    .setProject(process.env.NEXT_PUBLIC_APPWRITE_PROJECT_ID!); // Your project ID
+  .setEndpoint(process.env.NEXT_PUBLIC_APPWRITE_ENDPOINT!) // Your API Endpoint
+  .setProject(process.env.NEXT_PUBLIC_APPWRITE_PROJECT_ID!); // Your project ID
 
 export const account = new Account(client);
-export { ID } from 'appwrite';
+export { ID } from "appwrite";

src/app/appwrite.ts

@@ -4,7 +4,8 @@ import { account, ID } from "../appwrite";
 import type { Models } from "appwrite";
 
 const LoginPage = () => {
-  const [loggedInUser, setLoggedInUser] = useState<Models.User<Models.Preferences> | null>(null);
+  const [loggedInUser, setLoggedInUser] =
+    useState<Models.User<Models.Preferences> | null>(null);
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
   const [name, setName] = useState("");
@@ -73,7 +74,8 @@ const LoginPage = () => {
                 Welcome!
               </h2>
               <p className="text-gray-600 mb-6">
-                Logged in as <span className="font-semibold">{loggedInUser.name}</span>
+                Logged in as{" "}
+                <span className="font-semibold">{loggedInUser.name}</span>
               </p>
               <button
                 type="button"
@@ -108,10 +110,13 @@ const LoginPage = () => {
               {error}
             </div>
           )}
-          
+
           <form className="space-y-6">
             <div>
-              <label htmlFor="email" className="block text-sm font-medium text-gray-700">
+              <label
+                htmlFor="email"
+                className="block text-sm font-medium text-gray-700"
+              >
                 Email address
               </label>
               <div className="mt-1">
@@ -130,7 +135,10 @@ const LoginPage = () => {
             </div>
 
             <div>
-              <label htmlFor="password" className="block text-sm font-medium text-gray-700">
+              <label
+                htmlFor="password"
+                className="block text-sm font-medium text-gray-700"
+              >
                 Password
               </label>
               <div className="mt-1">
@@ -149,7 +157,10 @@ const LoginPage = () => {
             </div>
 
             <div>
-              <label htmlFor="name" className="block text-sm font-medium text-gray-700">
+              <label
+                htmlFor="name"
+                className="block text-sm font-medium text-gray-700"
+              >
                 Full Name
               </label>
               <div className="mt-1">
@@ -178,7 +189,7 @@ const LoginPage = () => {
               >
                 {loading ? "Signing in..." : "Sign in"}
               </button>
-              
+
               <button
                 type="button"
                 onClick={register}
@@ -195,4 +206,4 @@ const LoginPage = () => {
   );
 };
 
-export default LoginPage;
+export default LoginPage;