Skip to content

DevSquad-SantanderCoders/resume-project

Repository files navigation

RESUME PROJECT

Description 📚

This is the final project of the Angular Framework I module of the Santander Coders program. The project consists of a web application that displays the interface of a resume containing all the information of a specific candidate, including the ability to upload a photo stored on the user's machine. Additionally, there is the possibility to get in touch through a form that validates the entered data. We used HTML, SCSS, Bootstrap, Typescript, and Angular to create the interface and interactivity of the application. The concept of componentization, Input and Output, custom directive, custom pipe, and validated form were used. Project versioning was done using Git and Github, allowing each group member to contribute and track changes.

Technologies Used 🚀

  • HTML
  • SCSS
  • Bootstrap
  • Typescript
  • Angular
  • Git e Github

Main Features 🌟

  • Candidate photo editing;
  • Sending validated information to get in touch;
  • Hover effects on interactive elements;
  • Custom directives and pipes;
  • Use of Input and Output;

Installation 🔧

To run this project locally, follow these steps:

  1. Clone this repository:
git clone https://github.com/DevSquad-SantanderCoders/resume-project.git
  1. Navigate to the directory:
cd resume-project
  1. Install the dependencies using npm:
npm install

Execution ▶

To start the project, run the following command:

ng serve

Preview

Default

Chosen Photo

Footer

Dialog Form

Dialog Form - Required Validation

Dialog Form - Custom Validation

Dialog Form - Activation of shipment

Dialog Form - Sent data

Dialog Devs

Authors 👩🏻‍💻👨🏻‍💻

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published