Skip to content

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

Notifications You must be signed in to change notification settings

MarcossIC/portfolio

Repository files navigation

Portfolio Web

🚀 Demo

You can visit the site at: view website

✨ 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

/
├── 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