Bloggios Web UI

📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Documentation
4. 🤸 Quick Start
5. 🕸️ Contributing
6. 🔗 Links
7. 🙏 Support
8. ✨ Contributors

🤖 Introduction

Introducing the Bloggios Web Application: A Seamless User Experience with Advanced Connectivity Bloggios WebApplication, a seamless user experience with Advanced Connectivity. Developed using Next.js and React.js with TypeScript, the Bloggios Web Application is designed to provide a seamless and engaging user interface for all visitors. Leveraging Shadcn and Tailwind CSS, we ensure a visually stunning and user-friendly experience.

Key Features

• Backend Connectivity: The application seamlessly connects to our Spring Boot backend microservices, supporting both REST APIs and WebSockets to ensure robust and real-time data interaction.
• User Interface: With a focus on aesthetics and usability, Bloggios delivers an unparalleled web experience, making it enjoyable and intuitive for users to navigate and interact.
• Comprehensive Authentication: Bloggios offers a full suite of authentication features, including login, signup, social login, and more, all powered by our secure backend.
• Social Media Integration: Users can upload images, use hashtags, like posts, and comment, fostering a vibrant and interactive community.
• Rich Text Blogging: Bloggios supports rich text blogging, allowing users to post and read content with a Medium-like experience.
• Q&A Platform: Our platform features a Stack Overflow-like Q&A section, promoting knowledge sharing and community engagement.
• Real-Time Messaging: Utilizing WebSockets, Bloggios provides real-time messaging capabilities, ensuring instant communication between users.

Join our newly active Discord community for support, bug reporting, and feature requests. Here, we strive to address every issue, and developers and testers can collaborate and assist each other effectively.

⚙️ Tech Stack

• React Js
• Next Js
• Tailwind CSS
• Shadcn/UI
• Redux
• Axios

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node Js and NPM
• IDE (VS Code or WebStorm)

Cloning the Repository

git clone <repository-url>

Opening the Project

Open the project in any of your favourite IDE We recommended VS Code or WebStorm

Make sure you have Node Js Installed in your system Please execute the below command to check installed version of Node in your system

node --version

Install Dependencies

npm install

Run Project

npm run dev

🧑‍💻Contributing

Any kind of positive contribution is welcome! Please help us to grow by contributing to the project.

If you wish to contribute, you can,

• Star Repositories Bloggios
• Suggest a Feature
• Test the application, and help it improve.
• Improve the app, fix bugs, etc.
• Improve documentation.
• Create content about Bloggios and share it with the world.

Please read CONTRIBUTING for details on our CODE OF CONDUCT, and the process for submitting pull requests to us.

🆕 New to Open Source? 💡 Follow this guide to jumpstart your Open Source journey 🚀.

🔗 Links

• Devsandbox Environment - https://dev.bloggios.in (Bloggios Devsandbox) (Not Deployed yet)
• Production Environment - Not Deployed yet
• Devsanbox API's URL - https://api.bloggios.in (Bloggios Devsandbox API)
• API Documentation - Bloggios API Documentation on Postman

Repositories

For Backend

• Auth Provider Application - Visit Github

🙏Support

We all need support and motivation. Bloggios is not an exception. Please give this project repositories a ⭐️ to encourage and show that you liked it. Don't forget to leave a star ⭐️ before you move away.

If you found the app helpful, consider supporting us with a coffee.

✨Contributors

Thanks goes to these wonderful people (emoji key):

Rohit Parihar 💻