-
Notifications
You must be signed in to change notification settings - Fork 0
Frontend Technologies
dana-jpg edited this page May 2, 2024
·
5 revisions
Our real estate platform's frontend utilizes a robust stack of modern web technologies to deliver an interactive and responsive user experience. Here's an overview of the primary technologies employed:
- The core programming language used for frontend development, enabling interactive web pages and dynamic user interfaces.
- A powerful JavaScript library for building user interfaces, particularly single-page applications where data responds to user interactions without reloading the page.
- Utilizes components and state management to efficiently handle updates and render only what's necessary. Specifically, state related to the current search results, the current filter options (set by the user or by the llm) and current pagination information is managed by react hooks for global state management
- Get started with react here.
- A comprehensive frontend framework for developing responsive and mobile-first websites.
- Provides ready-to-use components and utilities. Buttons and other components like header and footer are implemented using bootstrap components.
- Since bootstrap components are naturally responsive, the use of bootstrap facilitates the development of a fully responsive application.
- Get started with bootstrap here.
- A library designed for writing css styles with JavaScript.
- Used in our project to write CSS that's scoped to individual components, enhancing both performance and maintainability.
- Get familiar with Emotion here.
- Offers a wide range of pre-designed material components that are both attractive and functional, accelerating the development process and maintaining consistency across the application.
- Get started with Material-UI here.
- A popular icon toolkit that has been integrated into our project through React-friendly libraries to provide scalable and customizable icons across the user interface.
- Get started with Font Awesome here.
- Integrated via
google-map-react, a component to render Google Maps in React applications. - Used to display the search results as an interactive map and pinpoint properties, enhancing the user's search and visualization experience.
- Get an overview about the google maps api for developers here.
- A promise-based HTTP client for making requests to backend services, used to fetch or submit data asynchronously. Requests are sent to the service manager
- Get started with Axios here.
- React Router Dom: Manages navigation and routing in our React applications without the need for page reloads.
- JWT-Decode: A library to decode JWTs token which are used in the application for user authentication purposes.
This stack provides a solid foundation for building and scaling our frontend service while ensuring a seamless and engaging user experience.