Estate Listing Exercise Frontend App | Svelte | TypeScript | Tailwind

Features

• Lists Estates from a mock api json file
• Filter by Price, Bedrooms, Bathrooms and Parking
• Save/remove desired Estates to a Wishlist
• Mock contact form with input validators

Architecture

• Using Svelte for it's performance and ease of use.
• TS for it's proven improvement of DX, specially considering maintainability.
• Tailwind for it's simplicity and organization when styling components.
• Other than that, a very simple structure due to the project's limited scope.

Get started

Install the dependencies...

cd estate-listings
npm install

...then start Vite:

npm run dev

Navigate to localhost:5173. You should see your app running. Edit a component file in src, save it, and reload the page to see your changes.

Building and running in production mode

To create an optimised version of the app:

npm run build

You can serve up the newly built app with npm run preview. This allows you to ensure nothing was damaged in the production build process.

You can then host the app with whichever static host you prefer.