iNotepad is a feature-rich notes management application designed to provide a seamless experience for users to add, edit, and display their notes. Built using modern web technologies, it combines the power of React for the frontend and Express for the backend, with authentication handled securely using JSON Web Tokens (JWT). The project is developed with a focus on simplicity, efficiency, and user-friendliness.
-
Add new notes
-
Edit existing notes
-
Display notes
-
Customized Navbar
-
Authentication is implemented using Express and JWT.
- Sign Up:
- Log In:
- Sign Up:
- React: A JavaScript library for building user interfaces.
- Axios: Promise-based HTTP client for the browser and Node.js.
- Bootstrap: A CSS framework for developing responsive and mobile-first websites.
- Express: A minimal and flexible Node.js web application framework.
- JWT: JSON Web Token for secure user authentication.
└── 📁inotepad
└── 📁backend
└── .env
└── 📁connection
└── connect.js
└── index.js
└── 📁middleware
└── 📁auth
└── Signin.js
└── Signup.js
└── UsersInfo.js
└── 📁tasks
└── Create.js
└── Delete.js
└── Fetch.js
└── Update.js
└── 📁models
└── Note.js
└── User.js
└── package-lock.json
└── package.json
└── 📁routes
└── auth.js
└── tasks.js
└── 📁frontend
└── 📁public
└── index.html
└── 📁src
└── App.css
└── App.js
└── 📁components
└── About.js
└── Addnote.js
└── Home.js
└── Login.js
└── Navbar.js
└── Noteitem.js
└── Notes.js
└── Signup.js
└── 📁context
└── NoteContext.js
└── NoteState.js
└── index.css
└── index.js
└── render.js
└── 📁style
└── About.css
└── Addnote.css
└── Login.css
└── Navbar.css
└── Noteitem.css
└── Notes.css
└── Signup.css
Contributions are welcome! Please fork the repository and create a pull request with your improvements.😁😁