muhammadawaisshaikh / community-events-angular Goto Github PK

• create loader interceptor (Loader will automatically start once http request started)
• create loader service
• create loader shared component

• About Us (https://www.meetup.com/about/)
• Blog (https://www.meetup.com/blog/)
• Careers (https://www.meetup.com/careers/)

Note: please write clean component based code, pages should be developed as routed modules.

• develop this simple form at step-1 tab.
• Refer this Issue for Stepper (#28)

• lazy-loaded Auth module with parent component.

• develop a thankyou page and after that there will be a URL on anchor tag which says "Preview Your User Group", refer screenshot above.

Create a child component "Event Details" page under Events module, that will be coming on this page once clicked from event-listing page card.

• develop this simple form at step-4 tab.
• Refer this Issue for Stepper (create stepper tabs for "User Group" Module child components create stepper tabs for "User Group" Module child components #28)

you have to develop blogs details page under blogs module, you can take a reference from screenshot below or you can suggest any blog details you like the most.

• develop this simple form at step-3 tab.
• Refer this Issue for Stepper (create stepper tabs for "User Group" Module child components #28)

consult this event-listing shared component, so you have to develop this single card as a reusable component and use that reusable card inside reusable event-listing component multiple times. i am open for discussions, if you need any help.

make a stepper tabbed form work on next and previous in a good manner. see screenshot below for reference.

1. Http API mechanism
2. Shared Module (shared components like search-bar, card etc.)
3. interceptors (Loader, Token)
4. Services
5. Constants
6. Guards
7. As good as you can

That listing have multiple types with header like above you see in screenshot. you have to create 4 to 5 sections like this in a listing page. but please make this listing with header as a reusable component, it's mandatory, make a reusable component and call that in event listing page 4 to 5 time.

• Create a social share modal as reusable component, and it will be opened once share button clicked from event-details component.

• Add child component routed one in Auth Module as (/auth/register)

Take inspiration from "meetup.com"

• Add Bootstrap UI support in Angular App

develop this simple form at step-5 tab.
Refer this Issue for Stepper (#28)

• inside /modules > events module

Details: Create a base component for that module, which will hold a router-outlet for child components.

• Add child component routed one in Auth Module as (/auth/forget-password)

• create a "User Group" lazy-loaded module
• create a base component for this module
• initiate a router-outlet inside base component of module you just created.

• make this step-2 on stepper step
• Refer this Issue for Stepper (create stepper tabs for "User Group" Module child components #28)
• also make these chips with select, unselect capability as a reusable shared component, so that we can use them in throughout the project.

• Add child component routed one in Auth Module as (/auth/login)

Take inspiration from "meetup.com"

create a lazy-loaded module name "Blog" with it's base parent component that will have router-outlet to navigate multiple child components.

• Create an API Service (which will return HttpClient methods in return to service).
• Consume and Init HttpClientModule under app.module and shared-module

• create Http Token Interceptor (responsible for attaching token to next http api calls, that token came after authentication success)

This will be a Main landing page kind of thing to contains blogs listing with banner and listing you can refer screenshot below.

develop a "Blog Listing" reusable component under Blog Module, refer below screenshot, and use that in blog listing component under blog module.

• Add child component routed one in Auth Module as (/auth/verify-reset-password)

Take inspiration from "meetup.com"

• Lazy-loaded module "homepage"
• layout component "header" and "footer"
• develop landing page same as "meetup.com"