Skip to content

aanujkhurana/React-SocialMedia-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

39 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vite React Sanity Tailwind CSS

📌 PIN BOARD REACT-Web-App

Welcome to PIN BOARD, a full-stack responsive social media web application similar to Pinterest. PIN BOARD allows users to log in using Google, share and download images with associated links, and engage through comments.

Index

Live Demo

🔗 Click here to visit the live demo

Preview

Tech Stack

  • Frontend: React
  • Styling: Tailwind CSS
  • Backend: Sanity.io

Local Development

Frontend

Prerequisites:

Ensure you have the following installed on your machine:

  • Git
  • Node.js
  • npm

Cloning the Repository:

git clone https://github.com/aanujkhurana/AI_ArticleSummary-React.git
cd AI_ArticleSummary-React/

Set Up Environment Variables:

Create a new file named .env in the frontend folder of the project and add the following content:

VITE_GOOGLE_API_TOKEN = [Google-Auth-API-Key]
VITE_SANITY_PROJECT_ID = [Sanity-Project-ID]
VITE_SANITY_TOKEN = [Sanity-Token]
VITE_SANITY_DATASET = [Sanity-Dataset]

Replace the placeholder values with your actual credentials/API keys.

Running the Project:

cd frontend
npm install
npm run dev

Visit http://localhost:5173 in your browser.

Backend

Prerequisites:

Ensure you have the following installed on your machine:

  • Git
  • Node.js
  • npm

Cloning the Repository:

git clone https://github.com/aanujkhurana/AI_ArticleSummary-React.git
cd AI_ArticleSummary-React/

Set Up Environment Variables:

Create a new file named .env in the backend folder of the project and add the following content:

SANITY_PROJECT_ID = [Sanity-Project-ID]
SANITY_DATASET = [Sanity-Dataset]
SANITY_TOKEN = [Sanity-Token]

Replace the placeholder values with your actual Sanity.io project credentials.

Running the Project:

cd backend
npm install
npm run dev

Visit http://localhost:3333 in your browser.

Screenshots

Contribution

Contributions are welcome! If you want to contribute, please fork the repository and create a pull request.

License

This project is licensed under the MIT License.

Acknowledgments

  • Thanks to Sanity.io for providing the backend infrastructure.
  • Special thanks to the contributors of React, Tailwind CSS, and other open-source libraries used in this project.

Languages