https://github.com/zakaria9375/fm-advice-generator

UI made by tailwind and angular
https://github.com/zakaria9375/fm-advice-generator

angular css html tailwindcss

Last synced: 3 months ago
JSON representation

UI made by tailwind and angular

• Host: GitHub
• URL: https://github.com/zakaria9375/fm-advice-generator
• Owner: Zakaria9375
• Created: 2024-03-22T00:59:27.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-22T01:34:39.000Z (over 2 years ago)
• Last Synced: 2025-03-27T14:55:01.249Z (over 1 year ago)
• Topics: angular, css, html, tailwindcss
• Language: TypeScript
• Homepage: https://65fcdfd864b8ada13efbe4c4--prismatic-lily-e4b53c.netlify.app/
• Size: 1.74 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Advice Generator

This is a solution to the [Advice Generator app challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/advice-generator-app-QdUG-13db). Frontend Mentor challenges help you improve your coding skills by building realistic projects.

![Design preview](./src/assets/design/desktop-design.jpg)

## Technologies

The technologies used in this design are:

* HTML & CSS & Ts

* Tailwind

* Angular

## Note  

An API has been integrated into the app to display different advice. Angular Pwa has been included to play the sound of dice while clicking the dice button. Maybe angular not needed but it is just for practice purposes.

## Setup

To run this app in development mode open the terminal and write the following:

```sh  

git clone https://github.com/Zakaria9375/fm-advice-generator.git  

cd fm-advice-generator  

npm install 

 

// you need to install angular cli to run this app in development mode

npm install -g @angular/cli

ng serve

```

## Links

* [Challenge](https://www.frontendmentor.io/challenges/advice-generator-app-QdUG-13db)  

* [Live](https://65fcdfd864b8ada13efbe4c4--prismatic-lily-e4b53c.netlify.app/)