PostIt

A social media Application that helps you explore and connect with people having similar interests like you!

video.mp4

View Demo · Documentation · Report Bug

📔 Table of Contents

• About the Project
  • Tech Stack
  • Features
  • Screenshots
  • Environment Variables
• Getting Started
  • Installation
  • Run Locally
  • Deployment
• Roadmap
• What I Learnt

🌟 About the Project

👾 Tech Stack

Client

• React.js
• TailwindCSS

Server(CMS)

• Sanity

🎯 Features

• Google Identity Service - Login
• Masonry Layout Pins Display
• Pin Download, Deletion, Saving, Saveing Status, Description Link
• Pin Comment and Similar Category Pin Suggestion
• Search based on Post name, comment, category, etc.
• User Profle sharing user's acitivity, liked, commented and shared Pins

📷 Screenshots

🔑 Environment Variables

To run this project, you will need to add the following environment variables to your .env file

REACT_APP_GOOGLE_API_TOKEN

REACT_APP_SANITY_PROJECT_ID

REACT_APP_SANITY_TOKEN

🧰 Getting Started

⚙️ Installation

This Project has the following installations:

🏃 Run Locally

Clone the project

  git clone https://github.com/SAHU-01/PostIt.git

Go to the client directory

  cd client

Install dependencies

  npm install

Start the client

  npm start

Go to the server directory

  cd server

Install dependencies

  npm i sanity

Start the client

 sanity start

Check the Databas by

 sanity manage

🚩 Deployment

This Project is Deployed on Netlify

Visit Here

🧭 Roadmap

• Todo : LogOut Feature Addition
• Todo : Improve Load Time and implement data optimization for smooth user experience

What I Learnt

• Google Identity Services Login
• Sanity CMS
• Masonry Layout
• React Routing - react router dom v6