https://github.com/yann-github/facesnap-angular
Simple photo app using Angular framework 📸
https://github.com/yann-github/facesnap-angular
angular attribute-binding binding directive event-binding guards lazy-loading lifecycle-hook memory-leak observable operator protected-routes reactive-form rxjs template-form two-way-binding
Last synced: about 1 month ago
JSON representation
Simple photo app using Angular framework 📸
- Host: GitHub
- URL: https://github.com/yann-github/facesnap-angular
- Owner: Yann-GitHub
- Created: 2024-11-22T09:32:41.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-05T15:10:54.000Z (over 1 year ago)
- Last Synced: 2025-04-07T18:56:51.962Z (about 1 year ago)
- Topics: angular, attribute-binding, binding, directive, event-binding, guards, lazy-loading, lifecycle-hook, memory-leak, observable, operator, protected-routes, reactive-form, rxjs, template-form, two-way-binding
- Language: TypeScript
- Homepage:
- Size: 216 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Snapface
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.2.12. It a simple photo sharing application that allows users to upload and share. The application is built using Angular for the frontend and the backend is built using json-server.
## FRONTEND
### Running the frontend
1. Clone the frontend repository:
```bash
git clone https://github.com/Yann-GitHub/facesnap-angular.git
```
2. Install the dependencies:
```bash
npm install
```
3. Run the server:
```bash
ng serve
```
4. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.
## BACKEND
This project requires a backend to function correctly. Clone the backend repository from [here](https://github.com/OpenClassrooms-Student-Center/angular-intermediate-backend).
### Running the backend
1. Clone the backend repository:
```bash
git clone https://github.com/OpenClassrooms-Student-Center/angular-intermediate-backend.git
```
2. Install the dependencies:
```bash
npm install
```
3. Run the server:
```bash
npm start
```
4. Navigate to `http://localhost:3000/`. The server will automatically reload if you change any of the source files.