📌 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.
📍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.
🔖 React.js (Javascript Framework)
🔖 TailwindCSS (CSS Framework)
🔖 Fetch API (Regarding APIs Integration)
▶ 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📑 Below we have some platforms regarding Project's Deployment 👇🏻
📰 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.
- 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
- Inspired by the MERN Stack tutorials from Code with Harry
- My Learning Resource available at GitHub
📝 Special thanks to me and peers who provided valuable feedback during development.