A comprehensive blog platform. It allows users to authenticate, search for blogs by category and title, read detailed blog posts, create and share new blogs, edit existing ones, like and comment on others' blogs, and share them on other platforms. It offers a seamless and engaging experience for both bloggers and readers. Tools and frameworks: React and TypeScript for the frontend, Formik/Yup for form validation, and Redux / Toolkit for state management. Axios for API interactions.
Explore the docs »
Bloggio-API »
View
Report Bug
Request Feature
Table of Contents
- User Authentication
- Easy account creation and login with Google.
- Blog Creation and Management
- Create new blog posts with a title, image, description, tags, and category.
- Save drafts and publish blogs at your convenience.
- Edit existing blogs and manage them within customizable lists (e.g., Drafts, Published).
- Advanced Search and Filtering
- Search for blogs by title, category, or tags.
- Filter blogs based on categories for more targeted content discovery.
- User Interaction
- Like, comment on, and save blogs from other users.
- View trending blogs on the homepage.
- Category-Based News Integration
- Fetch and display relevant world news from external APIs based on blog categories.
- User Statistics and Analytics
- Track personal blog statistics with detailed graphs and tables.
- Monitor engagement on your blogs, including likes, comments, and views.
- Responsive Design
- Enjoy a seamless experience on any device with a user-friendly and intuitive interface.
- This section highlights the key technologies used in the Bloggio project and the reasoning behind choosing them.
-
React
- React is a powerful JavaScript library for building user interfaces. Its component-based architecture enables the creation of reusable UI components, making the development process more efficient and scalable.
-
TypeScript
- TypeScript provides static type checking, which helps prevent errors during development. By catching potential issues before runtime, it enhances code reliability and maintainability.
-
Redux & Redux Toolkit
- Redux is a predictable state container for JavaScript apps, and Redux Toolkit simplifies the setup and management of global state. It reduces boilerplate code and helps manage complex state logic in a more organized manner.
-
Tailwind CSS
- Tailwind CSS is a utility-first CSS framework that allows for rapid UI development. It promotes a consistent design system and reduces the need for custom CSS, leading to a more maintainable codebase.
-
Material-UI
- Material-UI provides a set of pre-built, customizable components based on Google's Material Design guidelines. It accelerates the development process by offering ready-to-use components with a modern look and feel.
- Cypress
- Cypress is an end-to-end testing framework that is highly developer-friendly. It offers fast, reliable testing for web applications, making it easier to catch bugs early in the development process.
- Vercel
- Vercel is a cloud platform for static sites and serverless functions. It provides a seamless deployment experience and ensures that the application is globally available with minimal downtime.
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the GNU Public License. See LICENSE.txt for more information.