Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/zerone0x/echo-frontend

Echo Social Frontend using Next.JS and TailwindCSS
https://github.com/zerone0x/echo-frontend

bun full-stack nextjs social-media tailwindcss typescript webdevelopment

Last synced: 5 days ago
JSON representation

Echo Social Frontend using Next.JS and TailwindCSS

Awesome Lists containing this project

README 

        
# Echo Social Frontend



![Next.Js](https://img.shields.io/badge/next.js-000000?style=flat&logo=nextdotjs&logoColor=white)

![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?style=flat&logo=typescript&logoColor=white)

![TailwindCSS](https://img.shields.io/badge/TailwindCSS-06B6D4?style=flat&logo=tailwind-css&logoColor=white) ![ESLint](https://img.shields.io/badge/ESLint-4B32C3?style=flat&logo=eslint&logoColor=white) ![Prettier](https://img.shields.io/badge/Prettier-F7B93E?style=flat&logo=prettier&logoColor=white)



![GitHub top language](https://img.shields.io/github/languages/top/zerone0x/Echo-Frontend) ![GitHub last commit](https://img.shields.io/github/last-commit/zerone0x/Echo-Frontend)

![GitHub](https://img.shields.io/github/license/zerone0x/Echo-Frontend)



- [Echo Social Frontend](#echo-social-frontend)

  - [Echo Social App](#echo-social-app)

  - [About Echo Social](#about-echo-social)

  - [Preview](#preview)

  - [Features](#features)

  - [Getting Started](#getting-started)

  - [License](#license)



## Echo Social App



Welcome to Echo Social Frontend, a Mastodon-like platform that amplifies your voice in the digital realm!



## About Echo Social



Echo Social is designed to be a social networking platform where users can freely express themselves, connect with others, and create vibrant communities. Inspired by Mastodon, it aims to provide a user-centric experience.



## Preview



https://github.com/user-attachments/assets/6da25318-0206-4ab4-b19e-b8394457404c



![rdFLsZtest](https://cdn.jsdelivr.net/gh/h3x311/upic@main/LC3/2024/rdFLsZtest.png)

![1bnhzitest](https://cdn.jsdelivr.net/gh/h3x311/upic@main/LC3/2024/1bnhzitest.jpg)

![LWpyGHtest](https://cdn.jsdelivr.net/gh/h3x311/upic@main/LC3/2024/LWpyGHtest.png)

![ZPOQCLtest](https://cdn.jsdelivr.net/gh/h3x311/upic@main/LC3/2024/ZPOQCLtest.png)

![RiEK9Vtest](https://cdn.jsdelivr.net/gh/h3x311/upic@main/LC3/2024/RiEK9Vtest.png)

![ybMnu6test](https://cdn.jsdelivr.net/gh/h3x311/upic@main/LC3/2024/ybMnu6test.png)

![GNIcl7test](https://cdn.jsdelivr.net/gh/h3x311/upic@main/LC3/2024/GNIcl7test.png)

![6WaRemtest](https://cdn.jsdelivr.net/gh/h3x311/upic@main/LC3/2024/6WaRemtest.png)



## Features



- 📝 Post Feeds: Share your thoughts with text and images.

- 💬 Comments: Engage in discussions through post comments.

- 👤 Profile Setup: Customize your profile to reflect your personality.

- 🔐 JWT Auth: Secure authentication for user accounts.

- 🔍 Search: Find feeds, users, and comments easily.

- 👥 Follow Others: Stay updated with content from people you're interested in.

- 🔖 Bookmark: Save your favorite feeds and comments for later.

- ❤️ Favorites: Mark posts and comments you love.

- 🔔 Notifications: Stay informed about interactions and mentions.

- 📊 Feeds: View personalized content based on your interests and follows.

- 🖼️ Image Sharing: Enhance your posts with images.



## Getting Started



To get a local copy up and running follow these simple steps:



1. Clone the repo

   ```sh

   git clone https://github.com/zerone0x/Echo-Frontend.git

   ```

2. Install bun packages

   ```sh

   bun install

   ```

3. Start the application

   ```sh

   bun run dev

   ```



## License



Distributed under the MIT License. See `LICENSE` for more information.