Giter VIP home page Giter VIP logo

shaheen-siddiqui / share-sphere Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 3.0 916 KB

Share Sphere is an Social Media application that Connect, Discover, and Share with ease. Experience a seamless social media platform where you can create, explore, and bookmark posts, customize your user profile, and enjoy authenticated interactions with a user feed sorted by date and trending topics

Home Page: https://share-sphere.netlify.app/

HTML 1.86% JavaScript 84.03% CSS 14.11%
axios fontawesome jsx jwt-token mockbee mockman npm react react-hot-to react-router-dom-v6

share-sphere's Introduction

Share-Sphere

share-sphere is a Social media app Connecting people through a seamless and immersive experience."

Features

  1. User Feed

    • List all user posts
    • Sort by Date & Trending

  2. Create a Post

  3. Like a post

  4. Edit & Delete Post

  5. User Profile

    • Add Avatar
    • Add Bio
    • Add Portfolio URL

  6. Follow/Unfollow

  7. Explore Feed

  8. Bookmark Post

  9. Authentication

    • Sign-up
    • Login
    • Logout

TECHNOLOGIES USED

FRONTEND

  1. React JS (useContext, useReducer)
  2. React Router v6
  3. Vanilla CSS
  4. fontawesome Icons
  5. react-loader-spinner
  6. react-toastify

BACKEND

  1. mockBee - [https://mockbee.netlify.app/]

Play with it

  • Fork the Repository
  • npm install
  • npm start

Preview

MOBILE(425px)

1. Auth Page

Screenshot 2023-07-02 092618

2. Explore Page

Screenshot 2023-07-02 092702

3 Bookmark Page

Screenshot 2023-07-02 092803

4 Homa page

Screenshot 2023-07-02 092848

5. Profile Page

Screenshot 2023-07-02 093127

6 Edit Profile PopUp

Screenshot 2023-07-02 093135

7. Create a new Post PopUp

Screenshot 2023-07-02 092738

Come for Coffee☕ with Me

share-sphere's People

Contributors

shaheen-siddiqui avatar

Stargazers

avatar avatar

Watchers

avatar

Forkers

wadadparker barbaricankit ankits-chalo

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.