Loading repository data…
Mubassim-Khan / repository
zNotebook
This repository contains the code of cloud notebook website, made using MERN Stack, Tailwind CSS etc. View README for more descriptive overview of repository.
#express-js#jsonwebtoken#jwt-authentication#mern-stack#nodejs#reactjs
Live repository statistics
★ 0Stars
⑂ 2Forks
◯ 0Open issues
◉ 0Watchers
51/100
OPENREPOHUB HEALTH SIGNAL
Mixed signals
A transparent discovery signal based on current public GitHub metadata.
Recent activity35% weight
30
Community adoption25% weight
2
Maintenance state20% weight
100
License clarity10% weight
100
Project information10% weight
100
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
README preview
zNotebook
📋 Table of Contents
Introduction
Welcome to the zNotebook App — a cloud based full-stack web application built with React.js, Tailwind CSS, Node.js, and MongoDB. This application allows users to securely create, read, update, and delete (CRUD) personal notes in the cloud.
Designed with clean UI principles and enhanced with smooth animations, the app offers a responsive and interactive user experience. It includes essential features such as authentication, note management, theme toggling (dark/light), and persistent storage — everything you need in a modern digital notebook.
Features
👉 Responsive Design: Fully responsive layout ensures the application looks and functions great on all screen sizes — from desktops to tablets to mobile devices.
👉 Interactive UI Components: Includes dynamic elements such as buttons, cards, dropdowns, and hover effects to provide a smooth and engaging user experience.
👉 Modern Styling with Tailwind CSS: Styled entirely with Tailwind CSS for a clean, modern aesthetic and utility-first development workflow.
👉 Smooth Animations: Subtle, performant animations enhance navigation and transitions across sections, improving the visual appeal and UX.
👉 UI Tracking with Visibility Detection:
Integrated framer-motion (or similar) to detect which sections are currently visible, enabling adaptive UI interactions based on user scroll behavior.
👉 Secure Backend with MongoDB: Data is stored and managed using MongoDB, ensuring high performance and flexibility for CRUD operations and user data management.
👉 Password Hashing with Bcrypt.js:
Passwords are hashed using bcryptjs, providing strong encryption to keep user credentials secure and unreadable.