🔥 Byte Blaze

Byte Blaze is a modern web application that allows users to explore tech articles from DEV.to, read content seamlessly, and enjoy an interactive UI experience with smooth animations and responsive design.

📝 Project Overview

Byte Blaze enables users to:

• Browse and read articles from DEV.to API (Forem)
• Navigate seamlessly between pages using React Router
• Enjoy a responsive and beautifully styled UI using Tailwind CSS, Mamba UI, and DaisyUI
• Experience interactive components like animated gradient text, spinners, and hot toast notifications

🛠 Technologies Used

• React Router — https://reactrouter.com/
• Tailwind CSS — https://tailwindcss.com/
• Tailwind Buttons (UI blocks) — https://tailwindcss.com/plus/ui-blocks/application-ui/elements/buttons
• Mamba UI — https://mambaui.com/
• Animated Gradient Text — https://web.dev/articles/speedy-css-tip-animated-gradient-text
• DEV.to API (Forem) — https://developers.forem.com/api/v0
• react-hot-toast — https://react-hot-toast.com/
• React Spinners — https://www.davidhu.io/react-spinners/
• react-icons — https://react-icons.github.io/react-icons/
• react-markdown — https://remarkjs.github.io/react-markdown/
• rehype-raw — https://www.npmjs.com/package/rehype-raw
• prop-types — https://www.npmjs.com/package/prop-types
• DaisyUI — https://daisyui.com/

⭐ Key Features

• 🔐 User-friendly navigation using React Router
• ✍️ Browse articles fetched dynamically from DEV.to API
• 🌈 Animated gradient text for visually appealing headers
• 🔔 Interactive notifications using react-hot-toast
• ⏳ Loading spinners with react-spinners
• 💅 Responsive UI components with Tailwind CSS, Mamba UI, and DaisyUI

📦 Dependencies

{
  "dependencies": {
    "axios": "^…",
    "react": "^…",
    "react-dom": "^…",
    "react-router-dom": "^…",
    "tailwindcss": "^…",
    "react-hot-toast": "^…",
    "react-spinners": "^…",
    "react-icons": "^…",
    "react-markdown": "^…",
    "rehype-raw": "^…",
    "prop-types": "^…",
    "daisyui": "^…",
    "mambaui": "^…"
  }
}

🖥 How to Run This Project Locally

1. Clone the repository:

   git clone https://github.com/coderashik247/byte-blaze

2. Navigate into the project folder:

   cd byte-blaze

3. Install dependencies:

   npm install

4. Add .env file with any API keys if required
5. Start the development server:

   npm run dev

🔗 Important Links

• Repository: https://github.com/coderashik247/byte-blaze
• Live Demo: https://byte-aac-blaze.netlify.app/

🙌 Contributing

Contributions are welcome! Feel free to open issues or submit pull requests.

📄 License

This project is licensed under the MIT License.