feat: add linting + custom hook to upload memes (#6)

* refactor eslint and add prettier

* format

* refactor: predefined tags data

* refactor: hook to upload memes

Author: Shobhit-Nagpal

.eslintrc.json

@@ -1,3 +1,19 @@
 {
-  "extends": "next/core-web-vitals"
+  "extends": ["next/core-web-vitals", "plugin:prettier/recommended"],
+  "plugins": ["import", "prettier"],
+  "rules": {
+    "quotes": ["warn", "single"],
+    "import/newline-after-import": ["warn", { "count": 1 }],
+    "no-console": ["warn", { "allow": ["warn", "error"] }],
+    "indent": ["warn", 2],
+    "semi": ["warn", "always"],
+    "prettier/prettier": [
+      "warn",
+      {
+        "singleQuote": true,
+        "semi": true,
+        "tabWidth": 2
+      }
+    ]
+  }
 }

.github/workflows/ci.yml

@@ -16,7 +16,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: "20"
+          node-version: '20'
 
       - name: Install dependencies
         run: npm install

.prettierignore

@@ -0,0 +1,4 @@
+node_modules
+.next
+build
+public

.prettierrc

@@ -0,0 +1,8 @@
+{
+  "semi": true,
+  "tabWidth": 2,
+  "printWidth": 100,
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "bracketSpacing": true
+}

README.md

@@ -1,6 +1,7 @@
 ![Test status](https://github.com/halfloafhq/memer/actions/workflows/ci.yml/badge.svg)
 
 # Memer
+
 ### One stop meme workshop
 
 ## Overview
@@ -50,13 +51,13 @@ This project is a comprehensive meme management platform that allows users to se
 You can develop with Docker as well with the following commands:
 
 1. Build image
-    ```
-    docker build -t memer .
-    ```
+   ```
+   docker build -t memer .
+   ```
 2. Run the image
-    ```
-    docker run -p 3000:3000 memer
-    ```
+   ```
+   docker run -p 3000:3000 memer
+   ```
 3. Open [http://localhost:3000](http://localhost:3000) in your browser
 
 ## Contributing

components.json

@@ -14,4 +14,4 @@
     "components": "@/components",
     "utils": "@/lib/utils"
   }
-}
+}

next-sitemap.config.js

@@ -3,4 +3,4 @@ module.exports = {
   siteUrl: process.env.SITE_URL || 'https://memer.shobhitnagpal.com',
   generateRobotsTxt: true, // (optional)
   // ...other options
-}
+};

next.config.mjs

@@ -3,14 +3,14 @@ const nextConfig = {
   images: {
     remotePatterns: [
       {
-        protocol: "https",
-        hostname: "img.clerk.com",
-        port: "",
+        protocol: 'https',
+        hostname: 'img.clerk.com',
+        port: '',
       },
       {
-        protocol: "https",
-        hostname: "utfs.io",
-        port: "",
+        protocol: 'https',
+        hostname: 'utfs.io',
+        port: '',
       },
     ],
   },

package-lock.json

@@ -9,6 +9,7 @@
     "postbuild": "next-sitemap",
     "start": "next start",
     "lint": "next lint",
+    "format": "prettier --write .",
     "db:generate": "npx prisma generate",
     "db:studio": "npx prisma studio"
   },
@@ -52,9 +53,12 @@
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "autoprefixer": "^10.4.19",
-    "eslint": "^8",
-    "eslint-config-next": "14.2.3",
+    "eslint": "^8.57.1",
+    "eslint-config-next": "^14.2.3",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-prettier": "^5.2.3",
     "postcss": "^8",
+    "prettier": "^3.5.1",
     "prisma": "^5.14.0",
     "tailwindcss": "^3.4.1",
     "ts-node": "^10.9.2",