eneajaho / dating-client

A dating application built on top of Angular, NGRX, Bootstrap and RxJS.

DatingYou - Live app

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.

How to run

• Clone the repository
• Install dependencies
• Run application

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

dating-client's Issues

Add animations to views and components.

Just it.