NoteKeep is a Next.js web application designed to help users manage their notes efficiently.
This project serves as a capstone to learn both frontend and backend development with Next.js.
The application leverages a modern tech stack, including Next.js, NextAuth, MongoDB, Tailwind CSS, bcrypt, ShadCN UI, Cloudinary, Tiptap, and Nodemailer to provide a seamless and feature-rich experience.
- Next.js – A React framework enabling server-side rendering (SSR) and static site generation (SSG).
- NextAuth – A secure authentication library for Next.js with OAuth support.
- Tailwind CSS – A utility-first CSS framework for building responsive and customizable UIs.
- bcrypt – A library for securely hashing user passwords.
- ShadCN UI – A collection of pre-built, accessible UI components.
- Nodemailer – A module for handling email functionalities such as account verification.
- Cloudinary – A cloud-based image storage solution for efficient image uploads and retrieval.
- Tiptap – A rich text editor that supports markdown, enhancing note-taking functionality.
- 🌗 Light/Dark Mode Toggle
- 🔐 OAuth Support (Google & GitHub)
- 📝 CRUD Operations on Notes
- 📜 Markdown Support via Tiptap
- 🖼️ Image Management using Cloudinary
- 🛠️ Admin Panel for User & Notes Management
- 📊 Analytics & Dashboard for Admins
- 📧 Email Support using Nodemailer
- 🎨 Clean, Responsive UI using ShadCN & Tailwind CSS
/about/home/login/signup
/dashboard/user/profile/user/verify/api/user/**/contact
/private/admin/*/api/admin/*
To run this project, add the following environment variables to your .env.local file:
MONGO_URI=
NEXTAUTH_SECRET=
GITHUB_CLIENT_ID=
GITHUB_CLIENT_SECRET=
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
MAIL_USER=
MAIL_PASS=
NEXTAUTH_URL=
CLOUDINARY_API_KEY=
CLOUDINARY_CLOUD_NAME=
CLOUDINARY_API_SECRET=- Node.js (Version 20 or later)
- OAuth API Keys (Google & GitHub)
- Cloudinary API Credentials (API Key, Secret, and Cloud Name)
- Email Credentials (Mail Username & Password for Nodemailer)
- MongoDB URI
Clone this repository using
https://github.com/imutkarsht/NoteKeep-NextJs.gitsetup .env.local with values given above
npm install npm run dev
Contributions are welcome!
- Fork the repository
- Create a new branch
- Make your changes
- Submit a pull request
For any queries or suggestions, feel free to reach out! 🚀
📧 Email: email 🔗 LinkedIn: imutkarsht
Check out this project at Live Link