ShareMe Social Media Photo App

Project Summary

ShareMe Social Media Photo App which uses React, Tailwind CSS & Sanity as CMS - from start to finish.

Sanity is used as Content Management Cloud for this project. Database, content management handled by Sanity.

Project Features

• Google Sign-in: Users can login with their google account.
• New Pin Creation: Users can create their pins. The photo uploading, title, about, destination link, and category selection can be created.
• Feed Page: All pins will be shown nice Masonry Layout Design. Categories can be selected and the related pins will be shown again.
• Pin Page: Every pin has download, save, go to link, delete, user info functionality.
• Pin Detail Page: Every pin has a detailed view page with download, go to link, comment, title, about, and postedBy functionality. Below the details, another similar pin will be listed.
• User Profile Page: User can see their own 'Created' feed list or 'Saved' pin list.
• Deployment: The app is deployed to Netlify, with the database hosted on Sanity: The Composable Content Cloud.

Look at Project

Installation

1. Clone the repository:

git clone https://github.com/FCimendere/ShareMe-Social-Media-App.git
cd ShareMe

2. Install dependencies:

npm install

3. Run the application: Runs the app in the development mode. Open http://localhost:3000 to view it in your browser.

npm start

4. Run the Backend- Sanity: Runs the app in the development mode. Open http://localhost:3333 to view it in your browser.

sanity start

Usage

• Log in via Google account
• Create new pins: Add details and images of your favorite pin.
• Search pin: Type something that you search in the search bar.
• Pin Details: Click one of the pins and go to the detail pin page.
• Download Photo: Click the download icon on the main pin image or go to the pin detail page and the icon will be shown under the image.
• Comment Pin: Click the comment box and type a review for it.
• Category Selection: Click the one of the categories from the sidebar. Then Related pins will be shown.
• Created/Saved Functionality: Go to the user profile page and click the button to see created or saved pins by you.

Happy Surfing 🌟