Nitify – Smart Bookmarking & Note App

Nitify is a modern bookmarking and note-taking app that lets you save anything you want to revisit later — whether it’s a tweet, a video, or any useful resource.
Think of it as your personal hub to capture, organize, and share content effortlessly.

---

Installation

Android

Download APK -> Nitify.apk

Windows

Download exe -> Nitify.exe

Mac

Download dmg -> Nitify.dmg

web

Nitify .web -> Nitify

Features

• Save notes, tweets, videos, or any useful link
• Secure user authentication (sign up / login)
• Generate shareable links to your saved items
• Responsive UI built with Tailwind CSS
• Fast stack with React + Express.js
• Backend deployed on Render
• MongoDB ODM (Mongoose) for database management

---

Tech Stack

• Frontend: React, TypeScript, Vite, Tailwind CSS
• Backend: Node.js, Express.js, TypeScript
• Database: MongoDB with Mongoose (ODM)
• Authentication: JWT + bcrypt
• Deployment: Render (backend), Vercel/Netlify (frontend – optional)

---

Architecture

                ┌─────────────────────┐
                │       Frontend      │
                │  React + Vite + TS  │
                │   Tailwind CSS UI   │
                └─────────┬──────────┘
                          │
                  HTTP/REST API calls
                          │
                ┌─────────▼──────────┐
                │      Backend       │
                │ Express.js + TS    │
                │ JWT Auth + Bcrypt  │
                └─────────┬──────────┘
                          │
                      Mongoose ODM
                          │
                ┌─────────▼──────────┐
                │     MongoDB        │
                │   Cloud / Local    │
                └─────────────────────┘

• The frontend handles UI, routing, and API requests.
• The backend exposes RESTful APIs for authentication, content management, and sharing.
• Data is stored securely in MongoDB through Mongoose models.
• JWT is used for session authentication, stored in cookies for security.

---

Getting Started

Prerequisites

• Node.js (>= 18)
• MongoDB (local or cloud e.g. Atlas)

---

Backend Setup

# Clone the repo and enter backend
git clone [email protected]:devrel-labs/Nitify.app.git
cd Nitify-main

# Install dependencies
npm install

# Create .env file
MONGODB_URI=mongodb://localhost:27017/nitify_db
JWT_SECRET=your-secret-key

# Run development server
npm run dev

frontend Setup

cd Nitify_frontend-main

# Install dependencies
npm install

# Create .env file
VITE_NITIFY_DOMAIN=http://localhost:8080
VITE_NITIFY_CLIENT_DOMAIN=http://localhost:5173

# Run dev server
npm run dev

Nitify.app.main/                 # Backend (Express server)
├── src/                     # Source code (TypeScript)
│   ├── controllers/         # Route handlers (auth, content, share)
│   ├── models/              # Mongoose data models (User, Content, Link)
│   ├── routes/              # Express route definitions
│   ├── middlewares/         # Middleware (e.g., auth check)
│   ├── db.ts                # Database connection setup
│   ├── index.ts             # App entry point (Express setup)
│   └── config.ts            # Configuration (e.g., JWT secret)
├── build/                   # Compiled JavaScript output (from TS)
├── package.json
└── tsconfig.json

Nitify.app.client/        # Frontend (React app)
├── public/                  # Static files
├── src/
│   ├── components/          # Reusable UI components (cards, forms, navbar, etc.)
│   ├── pages/               # Page components (Home, Dashboard, SignIn, SharedView, etc.)
│   ├── context/             # Context providers (e.g., theme)
│   ├── hooks/               # Custom React hooks
│   ├── icons/               # SVG icon components
│   ├── Data/                # Static data (features list)
│   ├── App.tsx              # Main app component and routes
│   └── main.tsx             # Entry point (DOM rendering)
├── vite.config.ts
└── package.json

Projects Build Configs

Prerequisites

Ensure you have the following installed:

• Node.js (v18+) & npm
• Electron & electron-builder
• Java JDK (v21)
• Android Studio (with SDK & platform tools)
• Capacitor CLI:

  npm install -g @capacitor/cli
  npm install @capacitor/core
  npm install @capacitor/android

---

Capacitor Configuration

Update capacitor.config.ts as:

import { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  appId: 'com.nihit.nitify',
  appName: 'Nitify',
  webDir: '.', // no local web assets needed
  server: {
    url: 'https://nitify-frontend.vercel.app',
    cleartext: true
  }
};

export default config;

---

Project Setup

Install dependencies:

npm install

---

Run the Project

▶ For Electron App (Development Mode)

npm run electron:dev

▶ For Android (Sync & Open in Android Studio)

npx cap add android       # Add Android platform (only first time)
npx cap sync android      # Sync changes
npx cap open android      # Open in Android Studio

---

Build Desktop App (Electron)

npm run dist

The built files will be in the dist/ folder.

---

Build Android APKs

Debug APK

cd android
./gradlew assembleDebug

Release APK

cd android
./gradlew assembleRelease

Install APK on device:

adb install app-release.apk

---

Signing APK (Optional)

If you need to sign the APK manually:

jarsigner -verbose -sigalg SHA256withRSA -digestalg SHA-256 -keystore my-release-key.keystore app-release-unsigned.apk alias_name
zipalign -v 4 app-release-unsigned.apk app-release.apk

---

Folder Structure for Builds

• Electron build output → dist/
• Android build output → android/app/build/outputs/apk/