Blogged

Blogged is a simple web application where you can share your personal blog posts and stories.

Features

• User Management: log in with a username and password obtained from dummyjson.com/users, and manage their sessions.
• Post Management: Users can create, edit, and delete their own blog posts. They can also like posts created by other users.
• Comments: Users can comment on blog posts, edit or delete their comments, and view comments on their posts. They can also like comments made by other users.
• Image Upload: Users can upload images to their blog posts.
• Search: Users can search among blog posts.

Technologies Used

• React: A JavaScript library for building user interfaces.
• React Router Dom: Declarative routing for React.
• Redux Toolkit: The official, opinionated, batteries-included toolset for efficient Redux development.
• Axios: Promise-based HTTP client for the browser and Node.js.
• Formik: Form library for React.
• Styled Components: CSS-in-JS library for styling React components.
• Yup: JavaScript schema builder for value parsing and validation.
• Mui (Material-UI): React components for faster and easier web development.
• Markdown Air: A simple and fast markdown parser.
• React Markdown: Markdown component for React.
• React Syntax Highlighter: Syntax highlighting component for React using react-syntax-highlighter.
• React Highlight: Component to highlight code using highlight.js.
• React Hot Toast: A lightweight and customizable toast notification for React.

Dummy JSON API

The project uses a dummy JSON API for fetching and managing data. This API provides mock data for blog posts, comments, and user authentication. Users can log in with a username and password provided by the dummy JSON API at https://dummyjson.com/users.

Usage

1. Requirements: Make sure you have Node.js installed to run the project.
2. Installation: Navigate to the project directory and run npm install.
3. Run: Start the project with npm run dev command. By default, the application runs at localhost:5173.
4. Browser: Go to localhost:5173 in your browser and access Blogged.