BoreNoMore

A dynamic HTML, CSS, and JavaScript front-end web application for individuals or families looking for fun and exciting activities to do when feeling bored.

Why I Built This

I want to learn how to fetch data from an API and build a table pattern along with the search and filter functionalities.

Technologies Used

• HTML5
• CSS3
• JavaScript
• Fetch
• API from https://www.boredapi.com/documentation

Live Demo

Try the application live at https://vorleakyek.github.io/BoredNoMore/ Note: It seems that the Bored api website is down, which results in an empty table.

Features

• Users can view a table of activities
• Users can search and filter for activities
• Users can generate a random activity
• Users can add a favorite activity
• Users can provide a feedback

Preview

Development

• Add table pagination
• Update to React and TypeScript

System Requirements

• Node.js 18 or higher

Getting Started

1. Clone the repository.

   git clone https://github.com/vorleakyek/BoredNoMore.git

2. Install all dependencies with NPM.

   npm install

3. Start the project. Once started you can view the application by right click on the index.html and select Open with LiveReload Server to open the web page on a browser.