grantad / shareMe-social-media-app

Home Page:https://share-me-8729.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Table of contents

Overview

ShareMe is a Social Media Platforms aimed towards sharing experiences through photographs. ShareMe provides the user with complete control of their posts such as creation, editing, deletion as well as saving favourite pins for later reference. Powered By Google Authentication, Shareme Provides streamlined account activities and top of the line security.

Project Description

The app consists of various categories into which a post can be classified under.The categories are Cars,Fitness,Wallpaper,Websites,Photo,food,Nature,Art,Travel,Quotes,Cats and Dogs. A user needs to specify which category the post falls under while creating it. Saved posts appear under the user's profile along with posted pins.

Installation

  • npm install
  • npm install -g @sanity/cli
  • npm install tailwindcss postcss-cli autoprefixer

Running

  • npm start
  • sanity start

The challenge

Users should be able to:

  • View the optimal layout depending on their device's screen size.
  • Able to upload dashboards with ease.
  • Collab and interact with others using the apps interactive and wholesome features.

Screenshots

Login Page

Screenshot (747)

Landing Page

Screenshot (748)

Home Page

Screenshot (749)

Category Specific Pages

Screenshot (750)

Screenshot (751)

Screenshot (752)

Screenshot (753)

User Profile

Screenshot (755)

Screenshot (756)

Adding Post

Screenshot (240)

Comment Section

Screenshot (238)

Links

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • CSS Grid
  • Tailwind CSS
  • React - JS library
  • Sanity - Content Management System (CMS)
  • MongoDB

Continued development

  • Include various features like collaboration and data insights of the uploaded content.
  • Image preprocessing and recognition of characters which can further be converted into pins thus avoiding manual creation of pins by the user.
  • Avoid lag of uploading images of larger pixels.

Useful resources

Credits

  • Keegan Paul Colaco
  • Sudipta Shaw
  • Saurav Kuman
  • Saikumar Iyer
  • Saachi Almeida

About

https://share-me-8729.netlify.app/


Languages

Language:JavaScript 95.7%Language:HTML 3.9%Language:CSS 0.4%