Skip to content

Afrazsajid/Blog

Repository files navigation

Blog Post Submission & Display App ✨

A sleek and interactive blog submission and display application built with Next.js 15. Users can submit blog posts with essential details like title, subtitle, image URL, and blog URL, which are then displayed in a visually appealing and responsive layout.

Key Features 🚀

  • Easy Blog Post Submission: Submit title, subtitle, image URL, and blog URL.
  • Dynamic Blog Display: Instantly see your submitted blog posts in a stylish card layout.
  • Responsive Design: Automatically adapts to different screen sizes, ensuring a seamless experience on mobile, tablet, and desktop.
  • Sleek UI: Built with Tailwind CSS for clean, modern styling and smooth transitions.

Technologies Used 🛠️

  • Next.js 15: A powerful React framework for server-side rendering and static site generation.
  • Tailwind CSS: A utility-first CSS framework for fast UI development.
  • Date-fns: For formatting and manipulating dates.
  • React Hooks: For managing state and handling user interactions.

Demo Link 🎥

Live Demo

How It Works 🔧

  1. Submit Blog Post: Enter blog details including title, subtitle, image, and URL.
  2. View Blog Post: Submitted posts appear in the display section above the form.
  3. Responsive Layout: The app is fully responsive, ensuring a great experience on all devices.

Contributing 🤝

Feel free to fork the repository, create an issue, or submit a pull request. Contributions are welcome!

License 📜

This project is licensed under the MIT License.


Made with ❤️ by [Nisar Noorani]