React Social Network
Simple React Social Network
Overview
Telar Social Network is an open-source project built using ReactJS. It aims to showcase the features of React and its components by presenting them in the context of a social network. The project structure allows developers to customize and develop their own social networking ideas in their preferred environment. Telar Social Network consists of Telar Social User Interface, Telar Social running on Kubernetes, Telar Web for authentication and admin services, and Telar Social Serverless for handling various social network functionalities. The project is constantly evolving, with the latest version moving to Redux Saga. Contributions and feedback are welcomed.
Features
- Telar Social User Interface using ReactJS
- Telar Social running on Kubernetes, suitable for public cloud, private cloud, or on-premise deployment
- Telar Web provides authentication, notifications, realtime actions, file storage, and admin services
- Telar Social Serverless handles posts, comments, votes, social community, and media services
- Telar Social one-click setup: OpenFaaS Cloud Community Cluster in free tier
- Create React App
Create React App is a popular tool for quickly setting up a new React project without the need for manual configuration or setup. It provides a preconfigured development environment with modern build tools, a live development server, and an easy-to-use command line interface.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Material UI
material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.
- Firebase
Firebase offers a comprehensive set of features, including real-time database, authentication, hosting, cloud functions, storage, and more. Firebase provides an easy-to-use interface and allows developers to focus on building features rather than managing infrastructure.
- Redux
Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.