Skip to content

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

License

Notifications You must be signed in to change notification settings

eneajaho/dating-client

Repository files navigation

DatingYou - Live app

CircleCI Netlify Status

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