Giter VIP home page Giter VIP logo

subhambharadwaz / scribbly Goto Github PK

View Code? Open in Web Editor NEW
372.0 4.0 40.0 101.19 MB

Scribbly is a web application built with Next.js and Prisma that allows users to create and manage their digital journal. With a user-friendly interface powered by Radix UI and Shadcn/UI components, Scribbly makes journaling a breeze. It includes features such as customizable reminders, secure user authentication with Clerk, and a subscription plan

Home Page: https://scribbly.subhambharadwaz.in

License: MIT License

Shell 0.05% JavaScript 18.98% CSS 1.05% TypeScript 77.82% MDX 2.11%
clerkauth editorjs nextjs13 prisma radix-ui shadcn-ui tanstack-query zod clerk github

scribbly's Introduction

Scribbly

An open source Journal Web App

Scribbly Landing Page

About this project

Scribbly is a web application that provides a platform for users to create and manage their digital journal. With Scribbly, users can easily jot down their thoughts, experiences, and ideas, and organize them in a personal and customizable journal.

  • Digital Journaling: Users can create and store their journal entries online, eliminating the need for physical notebooks or papers.
  • User-Friendly Interface: Scribbly offers a clean and intuitive user interface, powered by Radix UI and Shadcn/UI components, making it easy for users to navigate and interact with their journal.
  • Secure and Private: Scribbly prioritizes user data security and privacy, ensuring that journal entries are kept confidential and protected.
  • Subscription Plan: Scribbly offers a monthly subscription plan that provides users with additional features and benefits.
  • Reminder Feature: The reminder feature is a valuable addition to Scribbly. By sending reminder emails to users who have activated this option every day at 9 pm, you help users stay consistent with their journaling habit and make it a part of their daily routine.

Features

  • Next.js /app dir,
  • Routing, Layouts, Nested Layouts and Layout Groups
  • Data Fetching, Caching and Mutation using TanStack Query
  • Route handlers
  • Metadata files
  • Server and Client Components
  • API Routes and Middleware
  • Authentication using Clerk
  • Block-Style editor with Editor.js
  • ORM using Prisma
  • Database on PlanetScale
  • Creating and sending emails with React Email and Resend
  • UI Components built using Radix UI and shadcn/ui
  • Subscriptions using Stripe
  • Styled using Tailwind CSS
  • Validations using Zod
  • Written in TypeScript

Running Locally

  1. Install dependencies using pnpm:
pnpm install
  1. Copy .env.example to .env.local and update the variables.
cp .env.example .env.local
  1. Start the development server:
pnpm dev

License

Licensed under the MIT license.

scribbly's People

Contributors

dependabot[bot] avatar imgbotapp avatar subhambharadwaz avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

scribbly's Issues

Fixing 3D Card Behavior on iOS for Hacktoberfest

๐ŸŽ‰ Join the Hacktoberfest celebration and help us enhance our project! ๐ŸŽ‰

To Reproduce
Steps to reproduce the behavior:

  1. Go to the project landing page.
  2. View the 3D cards on an iOS device.
  3. Interact with the 3D cards.

Expected behavior
The 3D cards, implemented using the react-parallax-tilt package, should behave consistently across all platforms, including iOS. They should display and interact correctly without any issues.

Screenshots
I have attached a screenshot showing the issue on iOS devices for reference.
F2qx3tsWMAAcr-2

Additional context
One alternative could be to explore whether there are specific configurations or updates for the "react-parallax-tilt" package that can resolve the iOS issue. Additionally, we could consider fallback behaviors for iOS devices to ensure a smooth user experience.

Thank you for being part of Hacktoberfest and contributing to our project's success! ๐Ÿš€๐ŸŒŸ

Your support is greatly appreciated!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.