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

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Aug 5, 2021
2afecd1 Β· Aug 5, 2021
Aug 5, 2021
Dec 21, 2020
Oct 12, 2020
Aug 5, 2021
Aug 4, 2021
Apr 7, 2020
May 16, 2021
Apr 7, 2020
Aug 5, 2021
Aug 25, 2020
Aug 25, 2020
May 16, 2021
Aug 4, 2021
Aug 4, 2021
Aug 5, 2021
Aug 4, 2021
Apr 7, 2020
Aug 4, 2021
May 20, 2021
Oct 12, 2020
Aug 5, 2021

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