Psn-social-network-public-source - PSN Social Network App Using React and Spring Boot

Overview

PSN SOCIAL NETWORK

  • This app is for educational purpose only.
  • PSN Social Network tries to mimic a few functions of Twitter, including:
    • Create post with text and image
    • The number of characters in each post is limited to 200 characters
    • Like, comment and re-post a post
    • View the number of likes, comments and shares of a post
    • Comments are toggle
    • The number of character in each comment is limited to 100 characters
    • Follow, un-follow someone
    • See who are following us and follow them back
    • Check who we are following
    • View all posts of an individual
    • View our own posts
    • List all user accounts in the entire social network (due to the number of users are still small, I did not develop search user function)
    • Other functions:
      • Due to limited storage space, client app compresses the uploaded image to the maximum of 250px (width or height)
      • User avatar is created by hashing user id and convert that hash code into a hexagonal image
      • Authentication and authorization use JWT
      • Responsive frontend for desktop and mobile devices
  • Technical stack:
    • Frontend: ReactJS, Redux Toolkit, React Router, React Bootstrap
    • Backend: Java Spring Boot
    • Database: MongoDB
Owner
Linh Truong Cong Hong
Linh Truong Cong Hong
Very simple full-stack application using React, Java Spring Boot, and PostgreSQL.

Very simple full-stack application using React, Java Spring Boot, and PostgreSQL. The API was built following the N-Tier architecture. The goal was to explore and learn more in-depth the development of APIs, the use of Docker and deploying with AWS.

Diego Quintela 1 Dec 27, 2021
Java Web工程demo 后端:spring + spring mvc + mybatis + maven,涉及定时任务quartz、ehcache缓存、RESTful API、邮件发送... 前端:react + reflux + webpack,涉及ES6、jquery、react-router、ant design等内容, 提供下思路,仅供参考。

Java Web工程例子 后端:spring + spring mvc + mybatis + maven; 涉及定时任务quartz、ehcache缓存、RESTful API、邮件发送... 前端:react + webpack; 涉及ES6、jquery、react-router、ant de

 风一样的码农 364 Dec 19, 2021
A Web3 Social Network Boilerplate Using React.js

web3-social-network-boilerplate This Project is a fork of Ethereum Boilerplate and demostrates how you can build your own Web3 Ethereum Social Network

Ethereum Boilerplates 59 Jan 13, 2022
Public React Native code for the DormView app

DormView Not all schools provide photos of their dorm rooms, and it can be difficult for students to know what to bring or how to prepare when they do

Julia Finocchiaro 1 Nov 22, 2021
Simple React Social Network, built with React,Node,Express,MongoDB and Tailwind

Full stack react social network application A mini social network application built with React,Typescript, Redux, Node, Express, MongoDB, and Tailwind

Albenis Kërqeli 23 Jan 17, 2022
Chrome extension boilerplate (with React + TypeScript). Preconfigured with SASS, separated `public` directory, support multilingual

Chrome Extension Boilerplate (with React + TypeScript) Quickly build chrome extensions using TypeScript and React. 1. What's included This repository

Hieu Nguyen (Jack) 5 Jun 13, 2021
spring springMVC Hadoop HBase React AntUI course manage system

CourseManageService Spring、SpringMVC + Hasdoop HBase Course Manage System Quick Start 1 change your hBase service adress:site.linkway.core.dao.HbaseUt

 Wanlu 2 Nov 6, 2021
A cloud and react based network

Around Description Around is a full-stack web application for people to share photos/videos and publish posts. The frontend is built with React, and t

Rae Zhang 2 Jan 12, 2022
Nft-marketplace - Reactjs And Smart Contracts Open Source Basic Nft Marketplace App

Open Source Nft Marketplace [Onprogress %1] Reactjs And Smart Contracts Open Sou

Özgür 25 Jan 20, 2022
A Beautiful Open Source RSS & Podcast App Powered by Getstream.io

?? Notice: This repository is no longer maintained; No further Issues or Pull Requests will be considered or approved. Winds - A Beautiful Open Source

Stream 8.5k Jan 14, 2022
Changd - Open source web monitoring application for monitoring visual site changes using screenshots, XPath's or API's

Changd is a open source web monitoring application and a free alternative to Cha

Paul Aschmann 34 Jan 18, 2022
Buzzer Full Stack Development Assessment uses React and NodeJS to mimic social media functions

Buzzer-Full-Stack-Development-Assessment This project is a coding challange prov

null 2 Jan 16, 2022
Dashboard untuk menampilkan aktivitas social media.

Social Media Dashboard Dashboard untuk menampilkan aktivitas social media. Dibangun menggunakan Create React App dan merupakan Single Page Applcation

Arwani 0 Sep 19, 2021
Volt React is a free and open source admin dashboard template built in React.js and based on the latest version of the Bootstrap 5

Volt React is a free and open source admin dashboard template built in React.js and based on the latest version of the Bootstrap 5 CSS framework. It features over 100 UI elements, plugins, and example based built with React components.

Themesberg 498 Jan 19, 2022
Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 2.0.

Tail-Kit A beautiful and large components and templates kit for TailwindCSS 2.0 Tail-Kit is Free and Open Source. It does not change or add any CSS to

null 2k Jan 22, 2022
Edux is DRY version of Redux (no constants and switches, actions and reducers are generated from single source).

Edux is Redux without (R)epetition Edux is DRY version of Redux. Edux allows to manage state of Javascript appications writing less code and still hav

Dmytro V. Dogadailo 6 Aug 5, 2019
👨‍🎨 An open-source portfolio template built with React and Tailwind.

??‍?? An open-source portfolio template built with React and Tailwind.

Brayden W 90 Jan 8, 2022
A component for rendering React components with editable source and live preview

component-playground A component for rendering React Components and ES6 code with editable source and live preview Installation npm install component-

Formidable 1.2k Jan 11, 2022
This project is collection of large projects's source code (codebases), built with Reactjs. Eg: Bestbuy, Postman, Trello, Udacity, Coursera, Skillshare, Invision, Intercom, Pipedrive, ... and more.

This project is collection of large projects's source code (codebases), built with Reactjs. Eg: Bestbuy, Postman, Trello, Udacity, Coursera, Skillshare, Invision, Intercom, Pipedrive, ... and more.

null 1k Jan 21, 2022