Skip to content

Photography Portfolio is a responsive, pastel-themed website that showcases curated images in categories like landscape, portrait, and wildlife. Built with SCSS and a mobile-first approach, it offers smooth hover effects, dynamic filtering, and cohesive design for a modern, user-friendly experience.

Notifications You must be signed in to change notification settings

NaviAndrei/photography-portfolio-website

Repository files navigation

Photography Portfolio Website

Language: English | Română

About This Project

This project is part of my personal portfolio, designed to showcase my web development skills and expertise. I've created this photography portfolio website as a demonstration of my abilities in modern front-end development, with a focus on creating beautiful, responsive, and user-friendly web applications.

Skills Showcase

In developing this project, I've utilized the following technologies and skills:

  • Angular (Version 19+): Modern framework for single-page application development
  • TypeScript: Used for static typing and robust development
  • SCSS/SASS: Advanced styling with variables, mixins, and functions for an elegant design
  • Responsive Design: Adaptive layout that works perfectly on all devices
  • Component-Based Architecture: Modular and reusable structure
  • Angular Router: Navigation between pages without complete reloading
  • Services & Dependency Injection: Efficient management of data and application logic
  • Interface Modeling: Using TypeScript interfaces for consistent data structures
  • Animations: Smooth transitions for a pleasant visual experience
  • CSS Grid & Flexbox: Modern and complex layouts

Project Features

  • Photo gallery with category filtering
  • Featured section to highlight the best works
  • Detail page for each photograph
  • Functional contact form
  • Aesthetic and modern design with pastel theme

Technical Instructions

Development server

To start a local development server, run:

ng serve

Once the server is running, open your browser and navigate to http://localhost:4200/. The application will automatically reload whenever you modify any of the source files.

Building the project

To build the project for production, run:

ng build

This will compile your project and store the build artifacts in the dist/ directory. By default, the production build optimizes your application for performance and speed.

Contact

For more information about the project or to see other projects in my portfolio, please contact me through the contact form in the application or by email.


This project was generated using Angular CLI version 19.2.4.


Website Portfolio de Fotografie

Despre Acest Proiect

Acest proiect face parte din portofoliul meu personal, conceput pentru a-mi prezenta abilitățile și expertiza în dezvoltarea web. Am creat acest website de portfolio de fotografie ca o demonstrație a abilităților mele în dezvoltarea front-end modernă, cu accent pe crearea unor aplicații web frumoase, responsive și ușor de utilizat.

Skills Showcase

În realizarea acestui proiect am folosit următoarele tehnologii și competențe:

  • Angular (Version 19+): Framework-ul modern pentru dezvoltarea aplicațiilor single-page
  • TypeScript: Utilizat pentru tipizare statică și dezvoltare robustă
  • SCSS/SASS: Stilizare avansată cu variabile, mixins și funcții pentru un design elegant
  • Responsive Design: Layout adaptiv care funcționează perfect pe toate dispozitivele
  • Component-Based Architecture: Structură modulară și reutilizabilă
  • Angular Router: Navigare între pagini fără reîncărcare completă
  • Services & Dependency Injection: Management eficient al datelor și logicii aplicației
  • Interface Modeling: Utilizarea interfețelor TypeScript pentru structuri de date consistente
  • Animations: Tranziții fluide pentru o experiență vizuală plăcută
  • CSS Grid & Flexbox: Layout-uri moderne și complexe

Caracteristici Proiect

  • Galerie de fotografii cu filtrare pe categorii
  • Secțiune Featured pentru evidențierea celor mai bune lucrări
  • Pagină de detalii pentru fiecare fotografie
  • Formular de contact funcțional
  • Design estetic și modern cu temă pastelată

Instrucțiuni Tehnice de Utilizare

Development server

Pentru a porni serverul de dezvoltare local, rulați:

ng serve

Odată ce serverul este pornit, deschideți browser-ul și navigați la http://localhost:4200/. Aplicația se va reîncărca automat ori de câte ori modificați fișierele sursă.

Building the project

Pentru a construi proiectul pentru producție, rulați:

ng build

Acest lucru va compila proiectul și va stoca artefactele de build în directorul dist/. În mod implicit, build-ul de producție optimizează aplicația pentru performanță și viteză.

Contact

Pentru mai multe informații despre proiect sau pentru a vedea alte proiecte din portofoliul meu, vă rog să mă contactați prin intermediul formularului de contact din aplicație sau prin email.


Acest proiect a fost generat folosind Angular CLI versiunea 19.2.4.

About

Photography Portfolio is a responsive, pastel-themed website that showcases curated images in categories like landscape, portrait, and wildlife. Built with SCSS and a mobile-first approach, it offers smooth hover effects, dynamic filtering, and cohesive design for a modern, user-friendly experience.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published