A modern, sleek knowledge management application that helps you organize your thoughts, links, and information in one convenient place. Built with cutting-edge web technologies for a smooth, intuitive user experience.
- Unified Knowledge Hub: Store and organize notes, links, and information in one place
- Beautiful UI: Modern design with smooth animations and responsive layout
- Dark/Light Mode: Seamless theme switching with system preference detection
- Smooth Navigation: Pill-style navigation with scroll-based highlighting
- Interactive Animations: Engaging hover effects and page transitions
- Authentication System: Secure user authentication and account management
- Mobile Responsive: Optimized for all device sizes
- Framework: Next.js 15 with App Router
- Styling: Tailwind CSS with custom design system
- Animations: Framer Motion for smooth interactions
- Icons: Lucide React for consistent iconography
- Fonts: Google Fonts (Pacifico for branding, Geist for UI)
- State Management: React hooks with custom transition logic
- TypeScript: Full type safety throughout the application
- Node.js 18+
- npm, yarn, pnpm, or bun
- Clone the repository:
git clone https://github.com/AnuGuin/Zapnote-Frontend.git
cd Zapnote-Frontend- Install dependencies:
npm install
# or
yarn install
# or
pnpm install- Run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev- Open http://localhost:3000 in your browser.
- Primary: Blue gradient (
from-blue-600 to-blue-700) - Accent: Red/Pink for highlights
- Neutral: Adaptive light/dark mode colors
- Display: Pacifico font for branding
- Body: Geist font for optimal readability
- Sizes: Responsive scaling from mobile to desktop
- Page Transitions: Smooth fade and scale effects
- Hover States: Subtle scale and color transitions
- Scroll Animations: Path drawing and parallax effects
npm run dev- Start development servernpm run build- Build for productionnpm run start- Start production servernpm run lint- Run ESLint
- Connect your GitHub repository to Vercel
- Deploy automatically on every push to main branch
- Custom domain support included
- Fork the repository
- Create a feature branch:
git checkout -b feature/amazing-feature - Commit changes:
git commit -m 'Add amazing feature' - Push to branch:
git push origin feature/amazing-feature - Open a Pull Request
This project is private and proprietary.
For questions or support, please reach out to #anubrata.guin2023@iem.edu.in
Built with ❤️ using Next.js, Tailwind CSS, and Framer Motion