Giter Site home page Giter Site logo

jayeshsaini / sparkup-react Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 25.93 MB

Social media app with MERN stack

Home Page: https://sparkup-react.vercel.app/

JavaScript 26.11% HTML 2.14% TypeScript 71.44% CSS 0.31%
dropzone jwt-authentication material-ui react tailwindcss redux

sparkup-react's Introduction

SparkUp - Social Media for Millennials

Team Members:

1) Jayesh Saini
2) Sweta Rani Patra
3) Rahul Tiwari
4) Sandeep Das
5) Jagtar Singh

About SparkUp:

  • SparkUp is a social media app aimed at young adults and millennials who are seeking an alternative to mainstream social networks. The app provides a platform for users to express their creative side and connect with like-minded individuals.
  • SparkUp's unique features include a focus on user-generated content such as blogs and photography, as well as interactive tools for collaboration and discovery.
  • The target audience for SparkUp is tech-savvy individuals aged 18-35 who value self-expression and connection with a community that shares their interests and passions.

Features and Responsible Teammate

Features Responsible Teammate
  • Post Feeds (PostsWidget/ PostWidget) - Like/Unlike, View Comments, Add/Remove Friend.
  • Backend routes - /createPost, /getFeedPosts, getUserFriends.
  • Deployed the backend on Azure and frontend on Vercel.
  • Redux Toolkit - State Management
Rahul Tiwari
  • Material UI Theme Setup - Dark/Light.
  • User Profile Page - Assebled the widgets to design the profile page.
  • MyPostWidget - Widget to create a new post (Upload Image/ Write Caption).
  • Backend routes - /getUserPosts, /likePost.
Sweta Rani Patra
  • Login/SignUp pages.
  • File Upload (Dropzone).
  • UserWidget - Shows user details on the home page and profile page - Profile Picture, Name, Friend Count, Location, etc.
  • Navigation Panel.
  • Backend routes - /register, /login, File Upload (Multer).
Jayesh Saini
  • FriendListWidget - Displays friends of logged-in user/ friends of person whose profile is being viewed.
  • Home Page - Assembling all the widgets to design the home page.
  • AdvertWidget - This Widget shows a static advertisement of Openscreen Inc.
  • Backend routes - /getUsers.
Sandeep Das
  • Live Chat- Direct messaging with your friends
  • Used pooling technique
  • Only logged in user can see his chats with friends because of message key generated at the backend
  • Chat friends - Show friends in chat component
  • Backend routes - /chats/receive, /chat/send
Jagtar Singh

Deployments

sparkup-react's People

Contributors

swetapatra95 avatar jagtarsingh7 avatar jayeshsaini avatar rahulbt2016 avatar

Watchers

 avatar

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.