feat: add project setup with Next.js, TypeScript and Tailwind CSS

Author: mtakhirov

.env.example

@@ -0,0 +1 @@
+NODE_ENV=production # production | development

.gitignore

@@ -0,0 +1,27 @@
+# dependencies
+/node_modules
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# env files
+.env*
+!.env.example
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

.prettierrc

@@ -0,0 +1,10 @@
+{
+  "arrowParens": "always",
+  "endOfLine": "crlf",
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "all",
+  "useTabs": false,
+  "plugins": ["prettier-plugin-tailwindcss"]
+}

.vscode/settings.json

@@ -0,0 +1,10 @@
+{
+  "prettier.arrowParens": "avoid",
+  "prettier.endOfLine": "crlf",
+
+  "files.associations": {
+    "*.css": "tailwindcss",
+    "*.scss": "tailwindcss"
+  },
+  "files.eol": "\r\n"
+}

README.md

@@ -1,2 +1,7 @@
-# fin
-Finance monitoring assistant - helps users track their expenses, manage budgets, and receive financial insights directly via Telegram.
+<h1 align="center">
+    <samp>Fin</samp>
+</h1>
+
+<p align="center">
+    Finance monitoring assistant - helps users track their expenses, manage budgets and receive financial insights directly via Telegram.
+</p>

package.json

@@ -0,0 +1,38 @@
+{
+  "name": "fin",
+  "version": "1.0.0",
+  "private": true,
+  "description": "helps users track their expenses, manage budgets and receive financial insights directly via Telegram.",
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "keywords": [
+    "finance",
+    "finance-management",
+    "telegram-mini-app"
+  ],
+  "author": "Mukhammaddiyor Takhirov <opensource@takhirov.uz>",
+  "license": "GPL-3.0-only",
+  "dependencies": {
+    "geist": "^1.3.1",
+    "next": "^14.2.15",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tailwindcss": "^3.4.14",
+    "typescript": "^5.6.3"
+  },
+  "devDependencies": {
+    "@types/node": "^22.7.6",
+    "@types/react": "^18.3.11",
+    "autoprefixer": "^10.4.20",
+    "clsx": "^2.1.1",
+    "eslint": "^9.12.0",
+    "postcss": "^8.4.47",
+    "prettier-plugin-tailwindcss": "^0.6.8",
+    "tailwind-merge": "^2.5.4"
+  }
+}
+