The Atomic Blog

The Atomic Blog is a React application that allows users to create, search, and manage blog posts. It utilizes the PostContext to provide post data to different components.

Features

• Dark mode toggle
• Search posts by title
• Add new posts
• Clear all posts
• View post archive
• Add archive posts as new posts

Installation

1. Clone the repository:

   git clone https://github.com/Mahmoud-AbouDeghedy/Atomic-Blog

2. Install dependencies:

    npm install

3. Start the development server:

    npm start

4. Open http://localhost:3000 to view it in the browser.

Usage

• Toggle dark mode by clicking on the sun or moon icon in the top right corner.
• Search for posts by typing in the search input field in the header.
• Add a new post by filling in the title and body fields in the form and clicking "Add post".
• Clear all posts by clicking the "Clear posts" button in the header.
• View the post archive by clicking the "Show archive posts" button in the sidebar.
• Add an archive post as a new post by clicking the "Add as new post" button next to the post in the archive.

Dependencies

• React
• faker-js
• @faker-js/faker

License

This project is licensed under the MIT License.