Full Stack Modern Social Media App – For Beginners


Build your own Social Media Application by using ReactJs , Sanity, Tailwind CSS


  • Need some programming knowledge about core fundamentals


Learn how build a react project from the scratch, and configure the Google Cloud API Services in your project. Build the project and deploy it. In this course you will learn about ReactJs , Tailwind CSS and Sanity Content Platform.


React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.

Before we continue, note that Hooks are:

  • Completely opt-in. You can try Hooks in a few components without rewriting any existing code. But you don’t have to learn or use Hooks right now if you don’t want to.
  • 100% backwards-compatible. Hooks don’t contain any breaking changes.
  • Available now. Hooks are now available with the release of v16.8.0.


Sanity-io is the unified content platform that powers better digital experiences. Sanity Studio is an open-source single page application built with React.js. You define your content models with simple JavaScript. You can also extend it with your own React.js components. The Studio comes with advanced features that lets you tailor workflows for your editors. You can also install and make plugins for Sanity Studio and publish them on npm.

Tailwind CSS:

Rapidly build modern websites without ever leaving your HTML. A utility-first CSS framework packed with classes like flexpt-4text-center and rotate-90 that can be composed to build any design, directly in your markup.

Chapters covered

1. Creating React project & configuring React Settings

2. How to create reusable components

3. What is react hook?

4. How to style the react components

5. How to build responsive designs

6. How to setup up a project in Sanity

7. How to configure Google Cloud API & Services

8. How to use Tailwind CSS

9. How to deploy the project in Netlify

Who this course is for:

Download Tutotial


0 0 votes
Article Rating
Notify of
Inline Feedbacks
View all comments