JShare

πŸŽ₯ Application Demo Video

Screenshot (809)

https://www.youtube.com/watch?v=2Q45JSwhTC4


✨ Introduction

🌟 JShare is a user-friendly web application designed to help you store and share your JSON data with ease. Whether you're a developer or someone who works with JSON, JShare makes it super simple to manage and share JSON data via sharable links.


🎯 Features

βœ… Secure Authentication: Log in safely with Clerk authentication.
βœ… Create and Edit JSON: Use a sleek editor powered by Monaco Editor to write and save JSON with a custom name.
βœ… Share Easily: Generate sharable links for your JSON that anyone can access, even without logging in.
βœ… Beautiful JSON Viewer: View JSON data in a clean, structured format with React JSON View.
βœ… Data Management: Delete your JSON data anytime you want.
βœ… Seamless Access: Sharable links provide unrestricted access to your JSON data - no login needed!


πŸ› οΈ Technologies Used

Here’s the stack of tools and technologies behind JShare:

  • Next.js πŸ–₯️: For a robust and scalable frontend and backend.
  • Tailwind CSS 🎨: To create a beautiful and responsive UI.
  • ShadCN UI ✨: For accessible and customizable UI components.
  • Clerk Authentication πŸ”’: For secure user authentication.
  • Prisma πŸ“¦: As the ORM for interacting with the database.
  • Neon PostgreSQL Database πŸ—„οΈ: For storing user data and JSON content.
  • @uiw/react-codemirror & @codemirror/lang-json πŸ’»: To provide a modern JSON editor experience.
  • React JSON View πŸ‘€: For clean and structured JSON visualization.

Top categories

Loading Svelte Themes