Tembi Motivational Quote Webpage

Screen.Recording.2024-09-20.at.18.12.47.mov

Project Overview

This project is focused on creating a motivational quote webpage for Tembi. It will display motivational quotes designed to inspire the team and keep their energy levels high. The webpage is powered by Vue3 with the Composition API, using Nuxt.js as the framework, and Vuetify for UI components.

Features

• Random Quote Display: Automatically displays a new random quote every minute.
• Manual Quote Refresh: Allows users to fetch a new quote instantly via a button.
• Save Favorite Quotes: Users can save their favorite quotes to local storage to access them later.
• Responsive Design: The webpage is designed to be fully responsive and in line with Tembi’s brand identity.

Technologies Used

• Nuxt.js (Vue 3 + Composition API): For building the frontend application.
• Vuetify: For creating a modern, responsive UI.
• ZenQuotes API: For fetching random motivational quotes.
• Local Storage: For storing favorite quotes.

API Information

Quotes are fetched from the ZenQuotes API. Refer to their documentation for further details on how to interact with the API.

Project Setup

1. Clone the Repository:

   git clone https://github.com/your-repo/tembi-quotes-app.git
   cd tembi-quotes-app