promisszn/news-app-challenge

Atechcoins Frontend challenge

The challenge is a news website, You will set up a basic Vue 3 project.

You need to design the following screens :

• Login
• News

The login page allows users to log in to your website using Firebase auth.
(this will test your skills on firebase)

The news page displays data from News API you will create an account with them.

Task

• Fetch the news data with Axios.
• Store the data on Cloud Firestore
• Display Cloud Firestore data on the news page.
• You can use dummy images from https://unsplash.com
• Write a search function in your Vue store to search through the list of saved news items
• Make your UI friendly and nice

UI

Login screen :
https://dribbble.com/shots/16502934-Sign-up-Log-in

News screen :
https://dribbble.com/shots/17221670-Article-Mobile-App

Tools to use

• Vue 3
• Axios
• Firebase Auth & Firestore

When you are done:

• Upload your project to github
• Deploy to netlify
• Mail here a copy of the website URL and github URL

You will work us through your codebase for the assessment on 04-02-2022.