Skip to content

lakshmanb-0/blog--web

Repository files navigation

Blog Website

Overview

This project is a ReactJS-based application that seamlessly integrates App-write for back-end functionality and storage, ensuring secure data handling. Redux Toolkit efficiently manages state, while performance optimization through React hooks enhances user experience. Additionally, the project employs the Tinymce editor for rich text editing, enhancing content creation with intuitive formatting options and ensuring a polished look for blog posts. Pagination is implemented for efficient navigation through blog posts, while Ant Design components contribute to a sleek and responsive user interface design.

Technologies Used

  • ReactJS
  • Redux
  • App-write
  • TypeScript
  • Ant Design
  • Tinymce Editor

Features

  1. App-write Integration: Seamlessly integrates App-write for back-end functionality, storage, and authorization, ensuring secure data handling.
  2. Redux Toolkit: Utilizes Redux Toolkit for efficient state management.
  3. React Hooks: Leverages React hooks for performance optimization and enhanced user experience.
  4. Tinymce Editor: Incorporates the Tinymce editor for rich text editing, providing intuitive formatting options for content creation.
  5. Pagination: Implements pagination for efficient navigation through blog posts.
  6. Ant Design Components: Utilizes Ant Design components for a sleek and responsive user interface design.

Usage

To run this project locally, follow these steps:

  • Clone the repository: git clone https://github.com/lakshmanb-0/blog--web
  • Navigate to the project directory: cd blog--web
  • Install dependencies: npm install
  • Start the development server: npm start
  • Open your browser and navigate to http://localhost:3000 to view the application.
  • Feel free to explore the codebase and customize the project according to your requirements.

If you have any questions or suggestions, please feel free to reach out to the project maintainers.