The real world Angular example app moved to Bazel
RealWorld spec and API. The application is built using Bazel.
Angular codebase containing real world examples (CRUD, auth, advanced patterns, etc) that adheres to the
The testing part is under development.
This codebase was created to demonstrate a fully fledged application built with Angular that interacts with an actual backend server including CRUD operations, authentication, routing, pagination, and more. We've gone to great lengths to adhere to the Angular Styleguide & best practices. The application is using Bazel as its build system.
For convenience, we have a live API server running at https://conduit.productionready.io/api for the application to make requests against. You can view the API spec here which contains all routes & responses for the server.
The source code for the backend server (available for Node, Rails and Django) can be found in the main RealWorld repo.
If you want to change the API URL to a local server, simply edit src/environments/environment.ts
and change api_url
to the local server's URL (i.e. localhost:3000/api
)
Make sure you have the Angular CLI installed globally. We use Yarn to manage the dependencies, so we strongly recommend you to use it. you can install it from Here, then run yarn install
to resolve all dependencies (might take a minute).
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory. Use the -prod
flag for a production build.
If you want to run the production build on your local machine use:
./node_modules/.bin/bazel run //src:prodserver
The example application is a social blogging site (i.e. a Medium.com clone) called "Conduit". It uses a custom API for all requests, including authentication. You can view a live demo over at https://angular.realworld.io
General functionality:
The general page breakdown looks like this:
localStorage
)Thanks to thinkster for the great example app, which let me demonstrate how to use Bazel to build your Angular applications.