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.
- Clone the repository
- Install dependencies
- Run application
git clone https://github.com/eneajaho/dating-client.git
npm install
ng serve -o
- NGRX Store (eager & lazy loaded store modules)
- Authentication & Authorization
- CRUD & Pagination (server side)
- Multiple layouts architecture
- Light & Dark Mode
- Image uploading
.
├── 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
module
├── containers
├── components
├── services
├── guards
├── store
└── module.ts
- Username: lola | dorothy | duke
- Password: password
- Likes functionality
- Private messages (using SignalR) functionality
- Add animations - 35%
- SSR (Angular Universal)
- Testing
Convert to Jest TestingRemove Karma- Add tests
- Test Store
- Test Actions
- Test Reducers
- Test Effects
- Test Components
- Test Directives
- Test Pipes
Test ServicesTest Guards/Interceptors
- Test Store
Filter functionalityStricter type checkingUpgrade to Angular 12