Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 17 days ago
JSON representation

UI made by tailwind and angular

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/)