Skip to content

Latest commit

 

History

History
53 lines (36 loc) · 1.28 KB

README.md

File metadata and controls

53 lines (36 loc) · 1.28 KB

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.