This is a frontend mentor challenge that tests your ability to create dropdown navigation menus, a common pattern on larger sites, It will also provide some nice basic layout challenges.

(back to top)

This section should list frameworks/libraries used in the project.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

(back to top)

=======

This is a layout and grid focused task, the goal is to be able to build layouts (columns and rows)

This is a Next.js project bootstrapped with create-next-app. As a pre-requisite you need to have Nodejs and npm installed on your machine before you can run this project.

This guide already assumes you have Nodejs and yarn installed on your local machine.

1. Clone the repo

   git clone https://github.com/lo0oleta/news-homepage.git

2. Install Yarn packages

   yarn
   

3. Run the development server

     npm run dev
     # or
     yarn dev
     # or
     pnpm dev   

4. Open http://localhost:3000 with your browser to see the result. You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file. API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts. The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages. This project uses next/font to automatically optimize and load Inter, a custom Google Font.

(back to top)

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/amazing-feature)
3. Commit your Changes (git commit -m 'Add some Amazing Feature')
4. Push to the Branch (git push origin feature/amazing-feature)
5. Open a Pull Request

(back to top)

Twitter - (https://twitter.com/loo0ooletaa) Project Link:(https://github.com/lo0oleta/news-homepage)

(back to top)

Those resources were helpful and would like to give credit to. I've included a few of my favorites to kick things off!

• Chakra Templates
• NextJs

(back to top)