/PokemonStore.Frontend.App

An experimental project to implement Clean Architecture in the Frontend side using Angular

Primary LanguageTypeScriptMIT LicenseMIT

Pokemon Store 😎

The Pokemon Store is a super little Web App to perform actions (like an e-commerce) with items of the Pokédex, the main porpuse of this project is implement the Clean Architecture approach in Angular

image

How to run it locally 🚀

  1. Clone this project
  2. The backend side is a must, so clone it here
  3. Run npm install inside the root folder for install the dependencies
$ npm install
  1. Run npm start inside the root folder for start
$ npm run start

Or run dev:ssr inside the root folder for start the SSR

$ npm run dev:ssr
  1. Start the dev server by running the command below. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Other commands

  1. Run npm run lint for check the rules type validations
  2. Run npm run test for run all the tests in the project with Karma
  3. Run npm run test:coverage for to watch the Test Coverage in the project

Technologies 📜

  1. Angular 15 - an awesome JS Framework + Clean Architecture
  2. Angular Universal - a tool to convert your client webapp in SSR
  3. Angular Material - a set of UI components
  4. NgRx - a good State Manager
  5. Tailwind CSS - my favorite CSS library

References 📣