Welcome to Toon Galaxy, an application to explore, search, and save your favorite cartoon characters. This project uses a monorepo structure managed with Nx, Angular for the frontend, and follows Domain-Driven Design (DDD) principles.
The aplication link: toon-galaxy.
The Storybook for this project can be found at: design-insights.toongalaxy.toon.
Additional application link (static deploy version): toon-galaxy-static.
Clone the repository and install the dependencies.
# Install dependencies
$ npm i
# Production mode (SSR)
$ npm run prepare
$ npm start
# Development mode (SSR)
$ npm run dev:ssr
# Run Jest for all projects
$ npm run test:all
# Run Cypress end-to-end tests
$ npm run e2e:open
Lighthouse, integrated with Chrome DevTools, audits web pages by providing insights into performance, accessibility, best practices, and SEO.
PageSpeed Insights analyzes web page content, offering suggestions for performance improvements on both mobile and desktop devices.
![]() |
![]() |
This project is licensed under the MIT License.
✨ This workspace has been generated by Nx, Smart Monorepos · Fast CI. ✨
Enhance your Nx experience by installing Nx Console for your favorite editor. Nx Console provides an interactive UI to view your projects, run tasks, generate code, and more! Available for VSCode, IntelliJ and comes with a LSP for Vim users.
Run npx nx serve toon-galaxy
to start the development server. Happy coding!
Run npx nx build toon-galaxy
to build the application. The build artifacts are stored in the output directory (e.g. dist/
or build/
), ready to be deployed.
To execute tasks with Nx use the following syntax:
npx nx <target> <project> <...options>
You can also run multiple targets:
npx nx run-many -t <target1> <target2>
..or add -p
to filter specific projects
npx nx run-many -t <target1> <target2> -p <proj1> <proj2>
Targets can be defined in the package.json
or projects.json
. Learn more in the docs.
Nx comes with local caching already built-in (check your nx.json
). On CI you might want to go a step further.
Run npx nx graph
to show the graph of the workspace.
It will show tasks that you can run with Nx.