Build and Deploy a Full Stack Social Media App | React JS, Appwrite, Tailwind CSS, React Query

Feel like this video would be like 2 hours shorter if you just actually used the copilot suggestions instead of typing it out manually

hey someone please give me a reply!! Can i get the Database structure figma?

Finally completed this Project with all the tasks done.. its been a hell of a journey but yeah it was all worth it thanks buddy

is there isLoading in mutation?i think there is isPending in mutation

i receive an error when trying to create the many to many relationship between users, likes, and liked. How do I get around that problem?

unable to update like i.e updating like but after refreshing it get back to zero

More visuals 😁

Hi everyone. I am facing a problem while updating a post.
Seemingly simple but I'm running into error everytime I run this and the error is

[AppwriteException: Invalid relationship value. Must be either a document ID or a document, array given.]

can i put this on resume just need some advice

Please push this code to GitHub 😢😢

have you use any algorithm in this app?

the media permission in storage is not getting set as they are demanding to upgrade the plan from free to paid. I am in the mid of the project , what should i do now 😔

Is the app write totally free or it charges something which is very low, because i want save my databases for life time .

Is there any with javascript , not with typescript

so we developer never knew about the password? because we didn't put it in our database?

Is it a good idea to follow along with the video understand all frameworks and use this project on resume?

I want to add the possibility to upload PDF in the snapgram....how i do that?
Pls

Keyvalidater.parse is not function., i am stuck at this error what i can do

You should Implement following No point in having a Follow button that does nothing other than that amazing job i love it

line 59 in api.ts createEmailSession Property 'createEmailSession' does not exist on type 'Account'. Did you mean 'createSession'?ts(2551)
account.d.ts(434, 5): 'createSession' is declared here. Im assuming Type script changes this in an update because its createEmailPasswordSession() now

and the circles with the history on top, which are in the picture, why are not in the course. it is not shown how they are made

Can't find the SearchResults.jsx file in GitHub code....how to get it and it's shown in video but didn't uploaded in the github

im on tanstack/react-query": "^5.49.2", and the problem is that the tanstack documentation is also messed up, i can't search anything on that website

Guys alguien sabe qué técnicas puedo aplicar si mi no se inglés pero quiero hacer este curso y aprender éstas tecnologías pero no confío en el autotranslate, así que yo me pongo a hacer los subtítulos linea por linea pero me toma mucho tiempo, alguien tiene alguna técnica que me podría ayudar? Gracias.

Amazing

great video and great skills Adrian, chapeau

Why you haven't add comment section on posts, you only have like and save. It's not interactive at all!!!

Why you're declaring each Types with "I" prefix ex: INewPost, INewUser

Hi! If anyone is annoyed by the "any" error, in src/_root/pages/Explore.tsx, then add // eslint-disable-line @typescript-eslint/no-explicit-any

export type SearchResultProps = {
isSearchFetching: boolean;
searchedPosts: any; // eslint-disable-line @typescript-eslint/no-explicit-any
};

God. I would kill for a channel on Vue that was as good as this.

but there's no infinite scroll...lol

if anyone encounters an error
react-dom.development.js:26962 Uncaught Error: useRoutes() may be used only in the context of a <Router> component.

import { BrowserRouter as Router } from "react-router-dom";

<Router>
<Routes>
...
</Routes>
</Router>

what;s wrong with my handleDelete function. I cannot, delete saved post in current user.

const handleDeletePost = () => {
deletePost({ postId: id || '', imageId: post?.imageId });
deleteSavedPost({
savedPostId: id || '',
user: post?.user,
post: post?.post,
});
navigate(-1);
};

.....
//api
export async function deleteSavedPost(
savedPostId: string,
user: string,
post: string
) {
if (!savedPostId || user || post) throw Error;

--
//query
export const useDeleteSavedPost = () => {
const queryClient = useQueryClient();

return useMutation({
mutationFn: ({
savedPostId,
user,
post,
}: {
savedPostId: string;
user: string;
post: string;
}) => deleteSavedPost(savedPostId, user, post),
onSuccess: () => {
queryClient.invalidateQueries({
queryKey: [QUERY_KEYS.GET_RECENT_POSTS],
});
queryClient.invalidateQueries({
queryKey: [QUERY_KEYS.GET_POSTS],
});
queryClient.invalidateQueries({
queryKey: [QUERY_KEYS.GET_CURRENT_USER],
});
},
});
};

First of all, I want to appreciate for such as Quality content. I am confused and stuck on shadcn components.
Please give me direction on solving the issue with "globals.css".
My <Button> component does not work properly. Whenever I run "npx shadcn-ui@latest init" command, it reWrite all styles of "globals.css" , what should I do to prevent it?

How do i add a domain?

In case you have error with getNextPageParam while deploy app here's right code fragment:
you need to add "initialPageParam: undefined," - this line. If VBC complains about "any" value just disable

export const useGetPosts = () => {
return useInfiniteQuery({
queryKey: [QUERY_KEYS.GET_INFINITE_POSTS],
queryFn: getInfinitePosts as any,
initialPageParam: undefined,
getNextPageParam: (lastPage: any) => {
if (lastPage && lastPage?.documents?.length === 0) return null;

const lastId = lastPage?.documents[lastPage?.documents.length - 1].$id;
return lastId;
},
});
};

is anyone else having issues with globals.css coming up with problems?

Does anyone here know why my Vite page isn't displaying or updating everything? I have no errors, and the code is perfect, but it is not updating or displaying anything.

Thanks for the active lessons sir...I just now noticed it on the timeline....Please implement in all your future videos

it So Amazing omg he just need to add Coment for posts

Does anyone know which extension he is using in VS Code that shows prewritten lines of code before he writes the actual code?

Finally I managed to get all the project done🎉
I create my own backend with node.js using express and PostgreSQL as the DB, implement all the active lessons and some other features by my own, i deployed the frontend in Vercel.
I really learned a lot more doing this project than following just tecnical courses, because it pushed me to learn some things by myself to solve some bugs and implement more features.
I really appreciate this channel, i'm so excited to start other project and continue learning a lot more. 🔥

Did Appwrite sponser you? Or is it really that great?