Taskk 📝

A Notion-style minimalistic productivity web app built with MERN stack and shadcn/ui

---

🧩 Project Structure

taskk/
   ├─ client/
   ├─ server/
   ├─ .gitignore

---

🚀 Tech Stack

• ⚛️ Frontend: React + Vite + Tailwind CSS + shadcn/ui
• 🛠️ Backend: Node.js + Express + MongoDB
• 🔐 Auth: JWT + Bcrypt + Nodemailer
• 🧪 Testing & Dev Tools: Postman, VS Code, ESLint, Prettier
• ✈️ Deployment: Render

---

Setup📋 - clone the repository

git clone https://github.com/virtualharsh/taskk

---

📁 Environment Variables

> 🔒 server/.env

PORT = your_port
EMAIL_USER = your_email
EMAIL_PASS = your-app-password
BASE_URL = https://taskk-dslm.onrender.com
JWT_SECRET = your_JWT_SECKET_KEY
NODE_ENV=production
MONGODB_URI = YOUR_MONGODB_URL

> 🔒 client/.env

VITE_API_URL= BACKEND_URL + '/api'
VITE_SERVER= BACKEND_URL

---

🚗 Execute the server

 cd server
 npm install 
 npm test

🚗 Execute the client

 cd server
 npm install 
 npm run dev

---

✨ Features

• 📝 Create, edit, and delete tasks/notes
• ✅ Simple and elegant Notion-style UI with shadcn/ui
• 🔐 Secure authentication with JWT
• 📩 Email-based registration and password reset using Nodemailer
• 📦 Modular folder structure with separate frontend and backend
• 🌈 Styled using TailwindCSS + pre-built shadcn components
• 📁 Environment-based configurations for scalable deployment

---

🔧 Best Practices Followed

• 📦 Environment Variables: Sensitive values are stored in .env files
• 🧠 Separation of Concerns: Client and server are in separate folders
• 🧼 Code Quality: ESLint and Prettier ensure consistent formatting
• 🔐 Security: JWTs are used for auth, Bcrypt for password hashing
• 🛠 Modularity: Routes, controllers, configs, and components are structured cleanly
• 🧪 API Testing: Postman used for backend endpoint testing
• 🔄 Reusable UI: shadcn/ui components are customized for reuse
• 🚫 Ignored Files: .gitignore used to exclude node_modules, .env, etc.

---

📸 Screenshots

🏠 Landing Page

🔐 Login / Signup

🏠 Home Page

---

Crafted with care 💝 by Harsh & Jay