Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/eneajaho/dating-client
A dating application built on top of Angular, NGRX, Bootstrap and RxJS.
https://github.com/eneajaho/dating-client
angular bootstrap ngrx realworld-frontend rxjs
Last synced: about 1 month ago
JSON representation
A dating application built on top of Angular, NGRX, Bootstrap and RxJS.
- Host: GitHub
- URL: https://github.com/eneajaho/dating-client
- Owner: eneajaho
- License: mit
- Created: 2020-04-12T19:50:26.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-08T01:17:40.000Z (almost 2 years ago)
- Last Synced: 2023-03-07T08:17:20.168Z (over 1 year ago)
- Topics: angular, bootstrap, ngrx, realworld-frontend, rxjs
- Language: TypeScript
- Homepage: https://dating-you.netlify.app/
- Size: 4.29 MB
- Stars: 33
- Watchers: 3
- Forks: 11
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# DatingYou - [Live app](https://dating-you.netlify.app/)
[](https://circleci.com/gh/eneajaho/dating-client)
[](https://app.netlify.com/sites/dating-you/deploys)
A dating application built on top of Angular, NGRX, Bootstrap and RxJS.
Backend is built with .Net Core 3.1 . Check out here: [DatingYou Backend](https://github.com/eneajaho/dating-api).
## How to run
- Clone the repository
- Install dependencies
- Run application
```bash
git clone https://github.com/eneajaho/dating-client.git
npm install
ng serve -o
```
## What's included
- NGRX Store (eager & lazy loaded store modules)
- Authentication & Authorization
- CRUD & Pagination (server side)
- Multiple layouts architecture
- Light & Dark Mode
- Image uploading
### Main folder structure
.
├── core # Core folder includes global services, interceptors and other configs.
│ ├── configs
│ ├── guards
│ ├── interceptors
│ ├── models
│ └── services
├── layout # Layout Module manages navigation components, layouts and theme service.
│ ├── components
│ ├── containers
│ ├── services
│ └── layout.module.ts
├── pages # Pages is where lazy loaded and eager modules live
│ ├── auth
│ ├── settings
│ └── members
├── shared # Shared folder includes shared utilities in the app.
│ ├── components
│ ├── directives
│ ├── pipes
│ └── validators
├── store # Manages and initializes the Root Store Module (NGRX Store)
│ ├── effects
│ ├── reducers
│ └── root-store.module.ts
├── app.component.ts
├── app.module.ts
└── app-routing.module.ts
### Feature modules folder structure (auth, members, settings etc.)
module
├── containers
├── components
├── services
├── guards
├── store
└── module.ts
### Login in live app
```
- Username: lola | dorothy | duke
- Password: password
```
### Todo
- Likes functionality
- Private messages (using SignalR) functionality
- Add animations - 35%
- SSR (Angular Universal)
- Testing
- ~~Convert to Jest Testing~~
- ~~Remove Karma~~
- Add tests
- Test Store
- Test Actions
- Test Reducers
- Test Effects
- Test Components
- Test Directives
- Test Pipes
- ~~Test Services~~
- ~~Test Guards/Interceptors~~
- ~~Filter functionality~~
- ~~Stricter type checking~~
- ~~Upgrade to Angular 12~~
#### License: MIT
#### Author: [Enea Jahollari](https://github.com/eneajaho)