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