/dio-ng-blog

A simple blog made with angular based on a dibbble layout

Primary LanguageTypeScript

Angular Simple blog

This is a simple Angular 17 project created for studying purposes. The project consists of two pages: a main page displaying a list of articles, and a content page showing details of a selected article. It is based on a dribbble layout.

Project running

THE BLOG

How to Use

  1. Clone the repository to your local machine.
  2. Open the project in your preferred Angular development environment.
  3. Explore and modify the code to understand the implementation of services and components.
  4. Run the application using the Angular CLI command: ng serve.
  5. Open your browser and navigate to http://localhost:4200/ to see the homepage.

Getting Started

  1. Install Angular CLI: If you haven't installed the Angular CLI, you can do so by running the following command in your terminal:

    npm install -g @angular/cli

  2. Install Dependencies: Navigate to the project directory and install the project dependencies:

    npm install

  3. Run the Application: Use the Angular CLI to run the application locally: bash

    ng serve

  4. Explore and Learn: Review the code in each file to understand how Angular components work together to fetch and display the data.

Additional Notes

  • Feel free to experiment with the code, make changes, and enhance the functionality as part of your learning process.