dicoding_3

Belajar Fundamental Front-End Web Development

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

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