A production-ready full-stack web application that enables users to securely capture, organize, and manage personal knowledge in a centralized workspace.
Built using the PERN Stack (PostgreSQL, Express.js, React.js, Node.js), the platform provides secure authentication, protected user workspaces, and complete content management capabilities through a responsive and intuitive interface.
Frontend: Live Application
Backend API: API Server
- JWT-based authentication
- Refresh token session management
- HTTP-only cookie security
- Password hashing with bcrypt
- Protected routes and middleware
- User-specific authorization
- Create notes
- View all personal notes
- Edit existing notes
- Delete notes
- Pin important notes
- Persistent cloud-based storage
- Responsive design
- Clean dashboard interface
- Real-time updates
- Form validation
- Error handling
- Mobile-friendly experience
- React.js
- React Router
- Context API
- Fetch API
- CSS3
- Node.js
- Express.js
- JWT Authentication
- bcrypt
- Cookie Parser
- CORS
- PostgreSQL
- Neon Database
- Vercel (Frontend)
- Render (Backend)
- Neon (Database)
User → React Frontend → Express API → PostgreSQL Database
Authentication Flow:
- User Login/Register
- JWT Access Token Generated
- Refresh Token Stored Securely
- Protected API Access
- User-Specific Data Authorization
- User Registration
- User Login
- Secure Logout
- Session Refresh
- Create Note
- Get All Notes
- Get Single Note
- Update Note
- Delete Note
- Pin Notes
- Password hashing using bcrypt
- HTTP-only cookies
- Cross-Origin Resource Sharing (CORS) protection
- JWT access tokens
- Refresh token authentication
- Protected API endpoints
- User-level data isolation
This project demonstrates practical experience in:
- Full Stack Development
- REST API Design
- Authentication & Authorization
- PostgreSQL Database Design
- Deployment & DevOps Fundamentals
- Cloud Database Integration
- Frontend State Management
- Production Application Debugging
Harsh Chauhan
Aspiring Software Engineer focused on building scalable web applications and learning modern full-stack development practices.