Back to projects

Sync Notes

Pruthvisinh Rajput / January 10, 2024

Sync Notes is a cutting-edge platform that combines innovation and collaboration to create a dynamic and adaptive workspace. Built on Next.js 14, it delivers a sleek, high-performance experience for individuals and teams, turning ideas into actionable results.

Source Code

Key Features

  • Next.js 14 Integration: Harness the latest in web development for a seamless, modern collaboration experience.
  • Versatile Workspaces: Switch effortlessly between private and shared workspaces tailored to your workflow.
  • Real-Time Collaboration: Instant updates and live cursors for synchronized teamwork.
  • Folder & File Organization: Keep projects organized with intuitive folder and file creation.
  • Customizable Workspace: Add banner images to personalize your environment.
  • Trash Note Feature: Recover accidentally deleted notes with ease.
  • Flexible Note-Taking: Support for text, checklists, images, and sketches.
  • Cross-Platform Access: Work seamlessly across devices without missing a beat.
  • Intelligent Syncing: Always have the latest updates, synchronized across all platforms.
  • Task Management: Plan, assign, and track tasks efficiently.

Why Sync Notes?

  • Cutting-Edge Technology: Powered by Next.js 14 for unmatched performance and adaptability.
  • Enhanced Collaboration: Real-time features make teamwork intuitive and efficient.
  • Adaptable Workflows: Whether you work solo or in a team, Sync Notes molds to your creative rhythm.

Technologies Used

  • Next.js 14: The backbone of Sync Notes, offering speed and flexibility.
  • Tailwind CSS: For responsive and stylish UI components.
  • Supabase: Provides a scalable, real-time backend.
  • Stripe Subscription: Enables premium features through a subscription model.
  • Shadcn: Elevates UI design with smooth shadow effects.
  • Socket.IO: Powers real-time collaboration and data updates.

Getting Started

To run this project locally, follow these steps:

git clone https://github.com/impruthvi/sync-notes
cd sync-notes
npm install
cp .env.example .env.local

Set the environment variables in the .env.local file.

npm run dev