FEATURE

ARTICLE LIST ("/")

• Show article list with pagination @4 articles
• Filter article with Most viewed, Most emailed, Most Shared
• Filter article with range date of previous filter until you read the article
• Search function to find spesific article

ARTICLE DETAILS ("/article/[article-id]")

• Show banner, Title, Published Date, Author, Abstract
• Show price of article for articles published more than 7 days ago, is free. For articles published in period less than or equal to 7 days ago, is 20.000 coins. For articles published in a period less than or equal 1 day ago, is 50.000 coins.
• Feature of add to cart
• Feature of direct buy
• Show read more feature for purchased article

COINS PAGE ("/coins")

• Show current own coins
• Feature of topup

TICKET PAGE ("/ticket")

• Show current own ticket
• Feature of random ticket to get some coins or maybe ZONK :)

CART PAGE ("/cart")

• Show no item, only button to article page/home (if no item added to cart)
• Show card of article list which added to cart
• Show total amount of payment
• Feature discount: input FAQIHCAKEP100 (for all free :)), FAQIHCAKEP24 (Discount 20000 with minimum purchase 50000), DISKONUNTUNG50 (for discount 50%)

MY ARTICLE PAGE ("/my-article")

• Show own purchased article
• Search feature

HOW TO RUN

LINK DEPLOYMENT : article-shop.vercel.app

RUN IN LOCAL

• Clone the Repository :

git clone https://github.com/aiethn/article-shop.git

• Go to article shop directory
• Install dependency :

npm install

• Add the environment by copy from .env.example and add to .env.local

BASE_URI=https://api.nytimes.com
NEXT_PUBLIC_MOSTPOPULAR_URI=$BASE_URI/svc/mostpopular/v2
NEXT_PUBLIC_API_KEY=[YOUR API KEY]

Get the API KEY from NYTIMES DEVELOPER

• Run development server :

npm run dev

• See in the browser: localhost:3000
• And happy shopping ;)