Skip to content

NorthernFront is a versatile template for modern news websites, featuring a formal, minimal UI and built with React.js, Next.js, and Tailwind CSS. It offers optimal user experience across devices.

License

Notifications You must be signed in to change notification settings

AbdulBima/NorthernFront

Repository files navigation

NorthernFront News Website

Table of Contents

About

NorthernFront is a news website designed to deliver the latest headlines and in-depth articles across various topics. It demonstrates a formal, minimal, and modern UI, effectively showcasing web development skills.

This type of website can be adapted to build various kinds of content-driven platforms such as blogs, magazines, or corporate news portals. Its flexible and responsive design makes it suitable for any content-focused application.

Live website: NorthernFront

Features

  • Responsive Design: Optimized for any device, ensuring a smooth user experience.
  • Modern UI Design: Clean, intuitive layout for easy navigation.
  • News Categories: Wide range of topics with timely updates.
  • SEO Optimization: Improved search engine visibility with Next.js.
  • Tailwind CSS: Rapid and consistent styling.

Technologies Used

  • React.js: For dynamic user interfaces.
  • Next.js: Server-side rendering and static site generation.
  • Tailwind CSS: Efficient styling.
  • DaisyUI: Tailwind CSS component library.
  • Framer Motion: For animations.
  • clsx: Conditional class names utility.
  • Axios: HTTP requests.
  • React Hook Form: Form management.
  • React Toastify: Notifications.
  • Zod: Schema validation.

Getting Started

  1. Clone the Repository:
    git clone https://github.com/AbdulBima/NorthernFront.git
  2. Install Dependencies:
    npm install
  3. Start the Development Server:
    npm run dev
  4. View the Website: Open http://localhost:3000 in your browser.

License

This project is licensed under the MIT License. See the LICENSE file for details.

About

NorthernFront is a versatile template for modern news websites, featuring a formal, minimal UI and built with React.js, Next.js, and Tailwind CSS. It offers optimal user experience across devices.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published