https://github.com/marcossic/portfolio

Repository that contains the code of my web portfolio made in Angular
https://github.com/marcossic/portfolio

angular portfolio tailwindcss typescript

Last synced: 3 months ago
JSON representation

Repository that contains the code of my web portfolio made in Angular

• Host: GitHub
• URL: https://github.com/marcossic/portfolio
• Owner: MarcossIC
• Created: 2023-09-10T11:46:13.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2025-08-08T00:06:28.000Z (11 months ago)
• Last Synced: 2025-08-08T01:09:33.363Z (11 months ago)
• Topics: angular, portfolio, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://marcosic.netlify.app
• Size: 4.13 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Portfolio Web

## :rocket: Demo

You can visit the site at: [view website](https://marcosic.netlify.app/home/)

## :sparkles: Introduction

This is a web portfolio made in Angular, it is made to show my work and my skills as a front-end developer, it currently has 4 sections.

- Projects

- About

- Studies

- Contact

## 🛠 Stack

The project is developed in Angular 18 and uses these technologies:



     



## 🚀 Project Structure

Architecture used in the project

```text

/

├── src/

│   ├── app/

│   │   ├──  components/

│   |   |     ├── atoms/

|   |   |     ├──  molecules/

|   |   |     ├──  organism/

|   |   |     ├──  icons/

|   |   |     └──  legacy/

|   |   |

│   │   ├──  lib/

│   │   ├──  models/

│   │   └── pages/

│   |        └── home/

|   |

│   ├── assets/

│   |    └── asset.{png,jpg,webp,svg,ttf}

│   ├── constanst/

│   |    └── anyConst.ts

│   ├── environments/

│   |    └── environment.*.ts

│   └── styles/

│        └── styles.css

|   

├── angular.json

├── tailwind.config.mjs

└── package.json

```

## ℹ️ Development server

In order to deploy a local version of the project you must:

- Download the project from github

- Run `npm i` or `pnpm i` at the root of the project

- Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`.

  The application will automatically reload if you change any of the source files.

## ℹ️ Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.

## 💪 Project status

The project is currently in its second version, in this version a considerable design change has occurred. The way the projects were displayed has been improved, the pages have been simplified so that all the content is in just one. The content has been compressed into an "about" section using a currently popular design element the "bento". I hope you like it :D