https://github.com/mouhametnd/angular-product-feedback-app

This project is built with Angular, Rxjs, Ngrx and Tailwind CSS
https://github.com/mouhametnd/angular-product-feedback-app

angular ngrx rxjs scss tailwindcss

Last synced: 13 days ago
JSON representation

This project is built with Angular, Rxjs, Ngrx and Tailwind CSS

• Host: GitHub
• URL: https://github.com/mouhametnd/angular-product-feedback-app
• Owner: mouhametnd
• Created: 2022-08-17T17:48:36.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-08-30T09:40:36.000Z (about 2 years ago)
• Last Synced: 2023-03-06T20:42:24.185Z (over 1 year ago)
• Topics: angular, ngrx, rxjs, scss, tailwindcss
• Language: TypeScript
• Homepage: https://mouhametnd-product-feedback.netlify.app/#/
• Size: 978 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Welcome to Product Feedback Web App! 🍃

This product feedback web app was a good challenge to put into practice my `Angular`, `Rxjs`, `NgRx` and `tailwind` skills. The project has many interactions that the user can play with. 

## Table of contents

- [Welcome to Product Feedback Web App! 🍃](#welcome-to-product-feedback-web-app-)

  - [Table of contents](#table-of-contents)

  - [Overview](#overview)

    - [Links](#links)

    - [The challenge](#the-challenge)

    - [Screenshot](#screenshot)

  - [My process](#my-process)

    - [Built with](#built-with)

    - [What I learned](#what-i-learned)

  - [Author](#author)

## Overview

### Links

- Live Project [Product Feedback Web App](https://mouhametnd-product-feedback.netlify.app/#/)

- My Linkedin [Linkedin](https://www.linkedin.com/in/mouhametndiaye/)

- My email [email protected]

### The challenge

Users should be able to:

- Create, Read, Update, and Delete Feedback

- Upvote and Downvote Feedback

- Add comments to Feedback

- Reply comments of a Feedback

- Filter feedbacks

- Order feedbacks

- See a responsive design in any device

- Save documents in local storage. (so don't lose its changes after refreshing the page)

### Screenshot

![screenshot](./preview.png)

## My process

### Built with

- Angular

- Rxjs

- NgRx

- Angular Router 

- Angular Reactive Forms 

- Tailwind CSS

- LocalStorage (to save documents and preferences to be accessed later)

- Mobile-first workflow

### What I learned

In this project, I've used `Angular` with `Rxjs` and `NgRx` to make the project, which helps me to get a better understanding of `Rxjs` library such as how to work with observables, and operators efficiently and how to implement and use state management in `Angular` using `NgRx` library.

## Author

- Portfolio - [Mouhamet Ndiaye](https://mouhametnd.com/)

- Frontend Mentor - [@fontend mentor](https://frontendmentor.io/challenges/)