"Capture your brilliance in pure luxury."
iNoteBook is a state-of-the-art, secure, and beautiful digital workspace designed for focus, speed, and elegance. Built on the MERN stack with a custom "Dark Luxury" design system.
- Dark Luxury UI/UX: A breathtaking glassmorphism aesthetic that reduces eye strain and inspires creativity.
- End-to-end Security: Your notes are securely encrypted. Only you can access your thoughts.
- Lightning Fast: Built on React 18, Node.js, Express, and MongoDB.
- Responsive Design: Flawless experience across desktop, tablet, and mobile devices.
- SEO Optimized: Fully equipped with Open Graph and Twitter Card meta tags.
- Node.js (v14 or higher)
- MongoDB Database (Local or Atlas)
-
Clone the repository
git clone https://github.com/yourusername/inotebook.git cd inotebook -
Install dependencies
npm install cd backend npm install cd ..
-
Environment Setup Create a
.envfile in thebackenddirectory:JWT_SECRET=your_super_secret_key MONGO_URI=mongodb://localhost:27017/inotebook
-
Run the Application
npm run both
This uses concurrently to start both the React frontend and Node.js backend simultaneously.
This app is configured with Open Graph meta tags. To use the custom social preview image:
- Ensure
social_preview.pngis placed inside thepublicdirectory. - Deploy the site, and platforms like Twitter, LinkedIn, and Discord will display your custom thumbnail!
- Frontend: React, React Router, Bootstrap 5, Custom Vanilla CSS
- Backend: Node.js, Express, Mongoose
- Security: bcryptjs, jsonwebtoken
- Fonts: Google Fonts (Inter & Outfit)
- Icons: FontAwesome
To build for production:
npm run buildDeploy the build folder to your favorite hosting provider (Vercel, Netlify, etc.) and deploy the backend to a platform like Render or Heroku.
Crafted with passion for creators, thinkers, and builders.