- Authentication system
- Notification system
- Image Upload using Base64 strings
- Prisma ORM with MongoDB
- Responsive Layout
- 1 To Many Relations (User - Post)
- Many To Many Relations (Post - Comment)
- Following functionality
- Comments / Replies
- Likes functionality
- Vercel Deployment
- TypeScript is a typed superset of JavaScript that adds optional static typing to the language. It is designed to make large-scale web applications more maintainable and scalable by providing a way to catch errors at compile time rather than runtime.
- Void is a data type in TypeScript that indicates the absence of a value. It is typically used as the return type for functions that do not return a value.
- A dependency array is an array of values that is passed as a parameter to a function or hook in React. The purpose of the dependency array is to tell React when the function or hook should be re-executed.
- State management refers to the process of managing the state of an application, which includes data that can change over time. In React, state management typically involves using the useState hook or a state management library like Redux or Zustand.
- Zustand is a state management library for React that uses a simple and efficient API to manage global state in your application. It is designed to be lightweight and fast, making it a good choice for small to medium-sized applications.
- Redux is a state management library for JavaScript and React applications. It provides a centralized store for managing the state of an application and a set of rules for updating that state in a predictable way.
- React Query is a library for managing remote data in React applications. It provides a set of hooks for fetching, caching, and updating data from APIs, making it easy to handle complex data requirements.
- Prisma is an ORM (Object-Relational Mapping) tool that provides a type-safe and efficient way to interact with databases in Node.js applications. It supports multiple databases and provides a set of APIs for querying, updating, and deleting data.
- ORM stands for Object-Relational Mapping. It is a technique that maps database objects to objects in programming languages like JavaScript. ORMs provide a way to interact with databases in an object-oriented way, making it easier to work with data in your application.
- SWR (Stale-While-Revalidate) is a React library for managing remote data that provides a caching layer and a set of hooks for fetching, caching, and updating data from APIs. It is designed to make it easy to handle real-time data requirements and reduce the number of network requests.
- MVC stands for Model-View-Controller. It is a software design pattern that separates an application into three interconnected components: the model (data and business logic), the view (user interface), and the controller (handles user input and updates the model and view).
- GET, POST, and PATCH are HTTP methods used to request and send data over the internet. GET is used to retrieve data, POST is used to send data to a server, and PATCH is used to update data on a server.
- An alias is a shorthand name for a module or file in JavaScript or TypeScript. It allows you to reference a module or file using a shorter and more convenient name.
- Mutation is an operation in GraphQL that is used to modify data on the server. It allows you to create, update, and delete data in a GraphQL API. In React, you can use a library like Apollo Client to perform mutations and update the UI based on the results.