This is a documentation storage system where i store the links of the all the document of the user

Tech Stack

built a fullstack app using TypeScript, Next.js, Prisma, and GraphQL

• NextJs: A JavaScript Framework for building user interfaces.
• TypeScript: A statically typed superset of JavaScript for improved code quality.
• Prisma: A state management library for managing global application state.
• Tailwind CSS: A utility-first CSS framework for building responsive and clean user interfaces.
• Google OAuth: Used for implementing user authentication with Google sign-in.
• GraphQL: Query language for precise API data retrieval, reducing over-fetching and under-fetching

These technologies were carefully chosen to ensure a robust, maintainable, and user-friendly web application.

Installation

1. Clone this repository:

git clone https://github.com/sammed-21/Bookmark-Links

cd Bookmark-Links

.env.local file add you google client id

npm install

npm run dev

open Browser http://localhost:5173/

Project

Data Modeling with Prisma Learn to structure your data effectively using Prisma. Understand schemas, relationships, and database optimization.

GraphQL API with Next.js Dive into GraphQL integration within Next.js. Set up APIs using GraphQL Yoga and Pothos for seamless communication.

Authentication using Auth0 Implement secure user authentication with Auth0. Ensure your app is protected and user data is safe.

Authorization Techniques Understand authorization, roles, and permissions. Control access to different parts of your app for authorized users.

Image Upload with AWS S3 Enable users to upload images. Utilize AWS S3 for efficient image storage and retrieval.

GraphQL Pagination with Apollo Client Master data pagination using Apollo Client in GraphQL. Fetch and display large datasets gracefully.

Deployment on Vercel Learn how to deploy your app on Vercel for the world to see. Follow our steps for a smooth deployment process.

Happy coding and enjoy building your awesome app!