GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → red-gold → ts-ui

red-gold / ts-ui

Licence: MIT license
Telar Social Network using Reactjs

Programming Languages

typescript
32286 projects
SCSS
7915 projects
javascript
184084 projects - #8 most used programming language
shell
77523 projects
HTML
75241 projects
Makefile
30231 projects

Labels

reactreduxsocialiocsocial-mediaredux-sagacreate-react-appsocial-networkreactjsmaterial-uidispatchinversifyjs

Projects that are alternatives of or similar to ts-ui

React Social Network
Simple React Social Network
Stars: ✭ 409 (+1068.57%)
Mutual labels:  social, redux-saga, create-react-app, social-network, material-ui
Materialabout
It's a material-design about screen to use on your Android apps. A developer profile and application information easy to integrate. 🔖
Stars: ✭ 1,511 (+4217.14%)
Mutual labels:  social-media, social-network, material-ui
twitter-spring-reactjs
🐦 Twitter Clone. Using Java, Spring Boot, PostgreSQL, S3 bucket, JWT, TypeScript, React.js, Redux-Saga, Material-UI
Stars: ✭ 47 (+34.29%)
Mutual labels:  redux-saga, social-network, material-ui
Socialview
Android TextView and EditText with hashtag, mention, and hyperlink support
Stars: ✭ 217 (+520%)
Mutual labels:  social, social-media, social-network
Reddit Detective
Play detective on Reddit: Discover political disinformation campaigns, secret influencers and more
Stars: ✭ 129 (+268.57%)
Mutual labels:  social, social-media, social-network
Graphjs
A set of widgets for a meaningfully social web.
Stars: ✭ 212 (+505.71%)
Mutual labels:  social, social-media, social-network
SocialMedia-App
A fully functional social media app built with flutter with multiple features
Stars: ✭ 646 (+1745.71%)
Mutual labels:  social, social-media, social-network
LinkedIn Scraper
🙋 A Selenium based automated program that scrapes profiles data,stores in CSV,follows them and saves their profile in PDF.
Stars: ✭ 25 (-28.57%)
Mutual labels:  social, social-media, social-network
pH4Social
📣 Social Networking Software built with Laravel PHP framework and Bootstrap.
Stars: ✭ 27 (-22.86%)
Mutual labels:  social, social-media, social-network
anon.land
open source Imageboard just like was Voxed.net
Stars: ✭ 16 (-54.29%)
Mutual labels:  social, social-media, social-network
social
A simple social media using MEAN Stack. Frontend: Angular 6.
Stars: ✭ 13 (-62.86%)
Mutual labels:  social, social-media, social-network
Socialblocklists
Blocklists to block the communication to social networking sites and privacy harming services
Stars: ✭ 161 (+360%)
Mutual labels:  social, social-media, social-network
socialx react native
The SocialX ecosystem takes the social media experience to the next level.
Stars: ✭ 20 (-42.86%)
Mutual labels:  social, social-media, social-network
Socialhome
A federated social home
Stars: ✭ 282 (+705.71%)
Mutual labels:  social, social-media, social-network
Aardwolf
Powering connected social communities with open software.
Stars: ✭ 379 (+982.86%)
Mutual labels:  social, social-media, social-network
Pump.io
Social server with an ActivityStreams API
Stars: ✭ 2,091 (+5874.29%)
Mutual labels:  social, social-network
Open social
Open Social install profile Drupal 8
Stars: ✭ 128 (+265.71%)
Mutual labels:  social, social-network
Activitystreams
Activity Streams 2.0
Stars: ✭ 185 (+428.57%)
Mutual labels:  social, social-network
media-library
An online media library application with React, Redux and redux-saga
Stars: ✭ 27 (-22.86%)
Mutual labels:  redux-saga, create-react-app
Awesome Humane Tech
Promoting Solutions that Improve Wellbeing, Freedom and Society
Stars: ✭ 2,234 (+6282.86%)
Mutual labels:  social, social-media
View All Similar Projects ➔

Material-UI logo

Telar Social User Interface

🚧 IT IS UNDER ACTIVE DEVELOPMENT, current version is unstable and maybe change at any time until release of v1.0.0. 🚧
⚠️ DO NOT USE IN ANY PRODUCTION ENVIRONMENT!!! ⚠️

Compatible with OpenFaaS

Demo

https://social.telar.dev

Pre-required

Running locally

  1. Clone repository
$ git clone [email protected]:red-gold/ts-ui.git

  1. Add [127.0.0.1 social.example.com] domain into your host file. Doc you may refer to

  2. Copy ts-ui/docker/config/.env.secrets.init file and set the name .env.secrets.

  3. Config email to receive email notification for signup, reset password, etc. Please refer to doc #2

    Troubleshooting note

    1. Set your smtp email(e.g. for gmail is smtp.gmail.com:587) and your email [email protected]
    $ npx envedit -s ./docker/config/.env.app_config -l smtp_email=YOUR_EMAIL_SMTP -l ref_email=YOUR_EMAIL
    1. Set your email password
    $ npx envedit -s ./docker/config/.env.secrets -l ref_email_pass=YOUR_EMAIL_PASS -b64

  4. Run back-end

$ cd docker
$ docker-compose up

#or new docker compose installed by docker
$ docker compose up
  1. Run front-end
$ yarn
$ yarn start

Expose Social Network to the internet from your local

In the case you need to make your social network available on the internet from your local PC/Server, you may consider options below.

  • inlets (Recommended): inlets uses a websocket to create a tunnel between a client and a server. The server is typically a machine with a public IP address, and the client is on a private network with no public address. inlets is considered production-ready, but you should do some testing before you depend on it. For a commercially-supported solution, see inlets PRO, which enables additional use-cases, has more thorough testing and secure defaults.

  • ngrok: ngrok provides a real-time web UI where you can introspect all HTTP traffic running over your tunnels. Replay any request against your tunnel with one click.

  • Cloudflare: You can connect applications, servers, and other resources to Cloudflare's network using Cloudflare Tunnel. When connected, Cloudflare can apply Zero Trust policies to determine who can reach the resource.

Blog Posts

Features

  • Supporting Progressive Web App
  • Social services, post, comment, like, connect users and etc.
  • Support Internationalization or Localization.

New Changes

  • Support React Hooks

Built With

  • TypeScript TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
  • JSX/TSX This project support both _.jsx and _.tsx files. JSX is a statically-typed, object-oriented programming language designed to run on modern web browsers. Being developed at DeNA as a research project, the language has following characteristics.
  • React A javascript library for building user interfaces.
  • Redux is a predictable state container for JavaScript apps.
  • Material-UI A Set of React Components that Implement Google's Material Design.
  • react-redux Official React bindings for Redux.
  • redux-saga is a library that aims to make application side effects (i.e. asynchronous things like data fetching and impure things like accessing the browser cache) easier to manage, more efficient to execute, simple to test, and better at handling failures.
  • React Router V6 for routing website location
  • Sass CSS with superpowers. Sass boasts more features and abilities than any other CSS extension language out there.
  • InversifyJS InversifyJS is a lightweight (4KB) inversion of control (IoC) container for TypeScript and JavaScript apps. A IoC container uses a class constructor to identify and inject its dependencies.
  • create-react-app Create React App is a tool built by developers at Facebook to help you build React applications. It saves you from time-consuming setup and configuration. You simply run one command and create react app sets up the tools you need to start your React project.

Author

  • Amir Movahedi

Looking for support

For questions and support please join our community.

Documents

Check out Telar Social docs

Credits

Notification sounds from Notification Sounds

License

This project is licensed under the MIT License - see the LICENSE file for details

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].