Check out the site here.
iNotes is a feature-rich note-taking website made using the MERN (MongoDB, Express.js, React.js, Node.js) stack. This platform offers users an organized space for personal and work-related notes, featuring user authentication, a custom REST API, and dark mode for a personalized experience. The responsive design, implemented with Tailwind CSS, ensures optimal usability across various devices.
-
Intuitive User Interface: Designed and implemented a clean and intuitive user interface for iNotes using React.js and Tailwind CSS.
-
Secure User Authentication: Integrated user authentication with JWT for secure access, ensuring data privacy and personalized note management.
-
Custom RESTful API Development: Developed a custom RESTful API using Node.js and Express.js, facilitating smooth data interactions and enhancing functionality.
-
Dark Mode Implementation: Watch It All is fully responsive, making it accessible on various devices, including desktops, tablets, and mobile phones.
-
Fully Responsive: Ensured complete responsiveness across devices through Tailwind CSS, optimizing the user experience on desktops, tablets, and mobile devices.
- Frontend: React.js, Tailwind CSS
- Backend: Node.js, Express.js
- Database: MongoDB
- Authentication: JSON Web Tokens (JWT)
- Clone the repository.
git clone https://github.com/JollyBolt/iNotes.git
- Install dependencies with npm
cd iNotes
npm install
- Create .env files.
cd server
Create a .env file and create the following variables.
PORT = XXXX
MONGO_URI = YOUR_MONGO_URI
SECRET = SIGNATURE_FOR_JWT
cd ..
cd client
Create a .env file and create the following variables.
VITE_URL = YOUR_SERVER_URL