vishalsinghrawat29 / ishare

iShare is a social media application that allows users to connect, share content, and engage with others. The app provides various features such as user feeds, post creation, sorting and filtering options, user profiles, and more.

Home Page:https://ishare-vishal.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

iShare - Social Media App

Welcome to iShare, a social media application that allows users to connect, share content, and engage with others. This readme file provides an overview of the iShare app, its features, and instructions on how to set it up and run it locally.

How to install and run locally?

To install and run iShare on your local machine, follow these steps:

  1. Clone the repository:
    $ git clone https://github.com/vishalsinghrawat29/ishare.git
    
  2. Navigate to the project directory:
    $ cd ishare
    
  3. Install the required dependencies:
    $ npm install
    
  4. Start the app:
    $ npm start
    

Features:

  • User Feed: A landing page that displays a list of user posts. Users can sort and filter posts by date and popularity.
  • Create a Post: Users can create new posts by clicking on the "+" or "Create new post" button and submitting their content. They can upload images and add emojis to their posts.
  • Like, Edit, and Delete Posts: Users can express appreciation by liking posts. They can edit their own posts or delete them.
  • User Profile: Users have a customizable profile where they can set a profile picture, add a bio, and include a portfolio URL. They can also edit their profile photo.
  • Follow/Unfollow: Users can follow or unfollow other users to stay connected. Explore Feed: Users can explore posts from people they don't follow.
  • Bookmark Posts: Users can bookmark posts for easy access later.
  • Sign-up and Login: Users can sign up using their email, first name, last name, username, password, and confirm password. They can then log in using their email and password.
  • Logout: Users can log out from their account.

Technologies Used

  • ReactJS
  • React Context API, useReducer
  • React Router v6
  • Vanilla CSS
  • HTML
  • MockBee for backend
  • React-icons
  • React toastify

Demo

iShare.-.Social.Media.App.mp4

Contact

If you have any suggestions, questions, or feedback, please feel free to contact me at vsrawat2906@gmail.com .

Thank you for using iShare - social media app. We wish you have a wonderful experience!

About

iShare is a social media application that allows users to connect, share content, and engage with others. The app provides various features such as user feeds, post creation, sorting and filtering options, user profiles, and more.

https://ishare-vishal.netlify.app/


Languages

Language:JavaScript 77.4%Language:CSS 22.2%Language:HTML 0.4%