React Glass Keep
Glass Keep is Keep Notes alternative using Glass design. Made in React + Tailwind
Overview
Glass Keep is an innovative notes application that combines sleek design with powerful features, making note-taking more efficient and enjoyable. Built with modern technology like Vite and React, this app offers a glassy user interface that is as appealing as it is functional. With capabilities such as collaboration, AI integration, and a focus on privacy, Glass Keep is poised to be a game-changer for anyone who regularly jots down thoughts, tasks, or projects.
Whether you're a student, professional, or just someone who enjoys organizing their thoughts, the comprehensive features of Glass Keep can help you achieve a new level of productivity. With its robust Markdown support, easy collaboration tools, and real-time updates, it’s a versatile app that adapts to your personal style and requirements.
Features
- Auth & Multi-user: Secure registration and login system, plus a secret recovery key for hassle-free access to your account.
- 100% Local & Private: This app runs entirely on your own server, ensuring that all your data remains private and secure.
- Private AI Assistant (Llama 3.2): An intelligent assistant that reads your notes and answers your questions based on your personal data.
- Collaboration: Real-time collaboration allows multiple users to edit notes or checklists simultaneously, making teamwork seamless.
- Notes with Markdown Support: Easily format your notes using Markdown, with options for headings, lists, links, and more.
- Drag-and-Drop Functionality: Reorder your checklists and notes effortlessly to enhance organization and accessibility.
- Image Support: Attach and manage multiple images with client-side compression for a smooth experience.
- Smart Search: Quickly retrieve information by asking specific questions about your notes, making it easy to find exactly what you need when you need it.
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Docker
A website that uses Docker for containerization to streamline development, testing, and deployment workflows. This includes features such as containerization of dependencies, automated builds and deployments, and container orchestration to ensure scalability and availability.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Framer Motion
Alpine.js is a lightweight JavaScript framework that simplifies the process of creating dynamic, reactive user interfaces on the web. It uses a declarative syntax that offers a higher level of abstraction compared to vanilla JavaScript, while being more performant and easier to use than jQuery.
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.