ackwolver335/inotebookFD
iNotebook is a fast, responsive, and user-friendly online note-keeping web application. Designed to enhance productivity and organization, it allows users to create, edit, and manage notes effortlessly. Built using Vite for superior performance and React for a dynamic user experience, iNotebook ensures smooth and efficient note management.
📑 iNotebook - Online Notes Web App 🖥️ (Front-end)
📌 An online Notes fetching Web App, including the user authentication towards login, signup & logout. Also regarding different CRUD operation to be performed over to the notes that are included or created newly with User-friendly interaction on a simple platform.
🧠 Features 📝
📍User Authentication Support
✒️ Handles user Login, registration & token-based session storage using JWT.
📍CRUD Notes Functionality
✒️ Users can create, read, update and delete their personal notes seamlessly.
📍Responsive UI Design
✒️ Mobile-friendly interface build using React.js & TailwindCSS.
📍Dynamic Notes Rendering
✒️ Notes update in a real-time without page reloads using State Management.
📍Private Notes View
✒️ Notes are user-specific & not accessible by Other users.
📍Client-side Routing
✒️ Implemented with React Router for seamless navigation b/w pages Home, Login, SignUp & Notes.
📍API Integration
✒️ Connecting securely to backend using APIs using Fetch API for data operations.
📍Form Validation & Error Handling
✒️ Validates input fields & displays errors/success messages for better UX.
👜 Tech Stack 🖋️
🔖 React.js (Javascript Framework)
🔖 TailwindCSS (CSS Framework)
🔖 Fetch API (Regarding APIs Integration)
📷 Demo View
📦 Installation or Usage 👇🏻
▶ Project cloning to Local Device 📝 (Remember you need to be at a specific folder in which you need this project's folder)
git clone https://github.com/ackwolver335/inotebookFD.git
cd inotebookFD
# installing node requirements
npm install
# start using
npm run dev
💻 Deployment Guidelines
📑 Below we have some platforms regarding Project's Deployment 👇🏻
🛠️ Contribution GuidLines 🖋️
📰 If anyone wants to contribute to this Project either through my connections through my profile or by requesting with the Pull Request you can do the same after being a Contributor.
🖥️ Acknowledgements 👨💻
Technologies 💻 & Libraries Used 👇🏻
- React.js – for building the frontend UI
- Bootstrap or TailwindCSS – for styling
- Axios – for handling HTTP requests
- Node.js & Express.js – for backend API
- MongoDB & Mongoose – for database
- JWT – for secure authentication
- bcrypt.js – for password hashing
📚 Learning Resources
- Inspired by the MERN Stack tutorials from Code with Harry
- My Learning Resource available at GitHub
🌟 Personal Spectacle
📝 Special thanks to me and peers who provided valuable feedback during development.