Context API Atomic Blog

darkMode

lightMode

Context API Atomic Blog is a React application showcasing the power of Context API for state management and the concept of atomic design for structuring components. It's a simple yet illustrative example of how to manage state, organize components, and create a blog-like user interface.

Live Demo: https://context-api-atomic-blog.vercel.app/

Features

  • State Management: Utilizes the React Context API for managing application state.
  • Atomic Design: Organizes components following atomic design principles.
  • Dark Mode: Toggle between light and dark mode with a single click.
  • Add and Search Posts: Easily add new posts and search through existing ones.

Usage

  1. Clone the repository:

    git clone https://github.com/JAYESH-VIJAY/ContextAPIAtomicBlog.git
    
  2. Navigate to the project directory:

    cd ContextAPIAtomicBlog
    
  3. Install dependencies:

    npm install
    
  4. Start the development server:

    npm start
    
  5. Open your web browser and go to http://localhost:3000.

Contributing

Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change. See CONTRIBUTING.md for more details.

License

This project is licensed under the MIT License.

YouTube

Visit our YouTube channel: [https://www.youtube.com/@uniquecoder/]

Enjoy exploring the Context API Atomic Blog and experimenting with state management and atomic design principles. If you have any questions or suggestions, feel free to reach out. Happy coding!