ariafatah0711 / dicoding_3

#3. Belajar Fundamental Front-End Web Development

Home Page:https://ariafatah0711.github.io/dicoding_3/dist/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

dicoding_3

Belajar Fundamental Front-End Web Development

descriptiontable of contentsDownloadRelatedLicense

🚀 Description

  • create by : ariafatah
  • date-submit: 31 - DES - 2023

📋 Table of Contents

Checklist
  • [✔️] Utilizes ES6 standard for JavaScript code.
  • [✔️] Implements at least one custom element.
  • [✔️] Uses Webpack as a module bundler for the production stage.
  • [✔️] Leverages Webpack as the development environment for the project.
  • [✔️] Utilizes an API with AJAX concepts to dynamically display data in the created application.
Feature
  • Initial Loading: The web loads only during the initial visit to enhance user experience.
  • Data Retrieval and Storage: Utilizes API calls to fetch data, Data is stored efficiently in session storage for improved performance.
  • Anime, Manga, and Character Search: Users can easily search for anime, manga, or characters by name.
  • Section Pages: Organized section pages for anime, manga, characters, top anime, and more.
  • Search History: Features a search history to track previous searches for user convenience.
  • Data Reset: A handy "Reset Data" feature is available in the footer for quick data reset

🔨 Download

  1. Open a terminal or command prompt on your computer.
  2. Navigate to the directory where you want to save this project.
  3. Use the following command to download the project from the GitHub repository:
    git clone https://github.com/ariafatah0711/dicoding_3.git
  4. Ensure NodeJS is installed, then run the following command to install npm:
    npm install
  5. Execute the following command to build and run the project:
    npm run start-dev
  6. lauch http://localhost:8080/ in web browser

📈 related

©️ license

About

#3. Belajar Fundamental Front-End Web Development

https://ariafatah0711.github.io/dicoding_3/dist/

License:Apache License 2.0


Languages

Language:JavaScript 82.6%Language:HTML 14.5%Language:CSS 2.9%