Full Stack Modern Social Media App – For Beginners

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

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.

What you’ll learn

  • How to create modern UI.
  • learn how to use Sanity Content Platform.
  • learn how to use Tailwind Css.
  • Learn how to convert modern UI into live website.
  • Learn how to use Hooks in Reactjs.

Course Content

  • Introduction –> 1 lecture • 9min.
  • Sanity Implementations –> 1 lecture • 34min.
  • Frontend Setup –> 18 lectures • 5hr 50min.
  • Deploying to live server –> 1 lecture • 11min.

Auto Draft

Requirements

  • 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

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

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 flex, pt-4, text-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

 

Get Tutorial