A collaborative project about the Animus Club activities at our university was created in November 2023. The project demonstrates the use of various Angular concepts and practices learned during our sessions, such as Two-way Data Binding, Event Binding, Routing, Guards, Pipes, and more.
Follow these steps to run the project on your local machine.
git clone https://github.com/MeDjb10/AnimusClub.git
cd AnimusClubRun the following command to install the necessary dependencies:
npm install The project uses a JSON file to simulate a backend. To start the JSON server:
cd src/app/json
json-server --watch data.json This will start the server at http://localhost:3000.
In the main project directory, start the Angular development server:
ng serve The application will run at http://localhost:4200.
This project incorporates various Angular features, including:
- Two-way Data Binding
- Event Binding
- Property Binding
- String Interpolation
- Routing
- Guards for route protection
- Pipes for transforming data
- Reactive Forms with validators
- Server HTTP communication
For learning purposes, we integrated an open-source API to fetch and display Pokémon data. This helped us understand:
- Making HTTP requests using Angular's HttpClient module.
- Handling asynchronous operations with
asyncandawait. - Manipulating and displaying data fetched from an external API.
- Error handling in HTTP requests.
Here are some screenshots of the project:
- Angular: Framework for building dynamic, single-page web applications.
- JSON Server: Mock server to simulate backend API.
This project is licensed under the MIT License. For details, check the LICENSE.md file.
Contributions are welcome! Fork the repository, make your changes, and submit a pull request.
For any questions, feel free to reach out!
- Email: jabou.medamine@gmail.com
- Email: mouelhi.medtaleb@gmail.com