projectdescp

Property Lisitng - Frontend

This folder includes all of the frontend code that the web application requires. This was accomplished with the help of Angular, Typescript, HTML, and CSS using Bootstrap.

Components

The following are the contents of each component:

1. home: includes all the home components (HTML, CSS, Typescript). This component contains the herobox, Search Bar based on various parameters, Buy now and Rent now options, Featured column, Website reviews and About Us column.

2. bookings: includes the bookings components (HTML, CSS, Typescript). This component contains the List of bookings of the user and View/Remove properties funcitons.

3. listing-location: includes all the listing-location components (HTML, CSS, Typescript). This component contains the List of properties, Featured proeprties and Search Bar based on property name.

4. listing-name: includes all the listing-name components (HTML, CSS, Typescript). This component contains the List of properties, Featured proeprties and Search Bar based on property name.

5. listing-type: includes all the listing-type components (HTML, CSS, Typescript). This component contains the List of properties, Featured proeprties and Search Bar based on property name.

6. listings: includes the listing component (HTML, CSS, Typescript). This component contains the List of properties, Featured proeprties and Search Bar based on property name.

Note: The listings, listing-type, listing-name, listing-locations are created for routing purpose i.e different listing components have different routes to redirect to listing page from the home component.

1. model: includes all the modal classes (Typescript). This component contains the model classes i.e. (user, property, admin, user_properties, address, category, etc.)

2. navbar: includes the navabar component (HTML, CSS, Typescript). This component contains the Logo, Navigations links and Signin/Signup buttons.

3. property: includes all the properties as in the property component (HTML, CSS, Typescript). This component contains the Property Photos, Property description and Aminities, Buy and Add to Wishlist buttons, Property Reviews and User Review Form.

4. services: includes all the services that are used in the application (Typescript). This component contains all the services typescript files i.e. (user, property, user_properties, address, category, etc.)

5. sign-in: includes all the sign-in components (HTML, CSS, Typescript). This component contains the Signin Form and Signup redirection link.

6. sign-up: includes all the sign-up components (HTML, CSS, Typescript). This component contains the Signup Form and Signin redirection link.

7. wishlist: includes the wishlist component (HTML, CSS, Typescript). This component contains the List of liked properties by the user and View/Remove properties funcitons.

8. footer: includes the footer component (HTML, CSS, Typescript). This component contains the Link required by the applications and Website description.

Development Server

This project was generated with Angular CLI.

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.