{"id":14991002,"url":"https://github.com/annaburd/web-real-estate","last_synced_at":"2025-04-12T03:25:08.557Z","repository":{"id":207586607,"uuid":"679594642","full_name":"AnnaBurd/web-real-estate","owner":"AnnaBurd","description":"A web application that blends modern design approaches with a timeless and intuitive UI, designed and developed exclusively for the local small-scale real estate business.","archived":false,"fork":false,"pushed_at":"2024-01-15T11:48:11.000Z","size":23129,"stargazers_count":8,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-25T23:01:54.962Z","etag":null,"topics":["astro","contentful","landing-page","leaflet","react","real-estate","ssg","tailwind","typescript","webapp","website"],"latest_commit_sha":null,"homepage":"https://viet-land.netlify.app/","language":"Astro","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AnnaBurd.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-08-17T07:29:43.000Z","updated_at":"2025-01-21T06:57:30.000Z","dependencies_parsed_at":"2024-09-15T20:19:19.733Z","dependency_job_id":null,"html_url":"https://github.com/AnnaBurd/web-real-estate","commit_stats":{"total_commits":133,"total_committers":1,"mean_commits":133.0,"dds":0.0,"last_synced_commit":"227e8166d2ca63615f593d3aefab9a322ccfe6ef"},"previous_names":["annaburd/web-real-estate"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnnaBurd%2Fweb-real-estate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnnaBurd%2Fweb-real-estate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnnaBurd%2Fweb-real-estate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnnaBurd%2Fweb-real-estate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AnnaBurd","download_url":"https://codeload.github.com/AnnaBurd/web-real-estate/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248511142,"owners_count":21116357,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["astro","contentful","landing-page","leaflet","react","real-estate","ssg","tailwind","typescript","webapp","website"],"created_at":"2024-09-24T14:21:16.630Z","updated_at":"2025-04-12T03:25:08.537Z","avatar_url":"https://github.com/AnnaBurd.png","language":"Astro","funding_links":[],"categories":[],"sub_categories":[],"readme":"# \u003cimg src=\"public/favicon.svg\" width=\"48\" style=\"margin-bottom:-16px\"\u003e [VietLand - Real Estate App][vietland]\n\n![](preview/responsive-mockup.png)\n\n\u003e A web application that blends modern design approaches with a timeless and intuitive UI, designed and developed exclusively for the local small-scale real estate business.\n\n[vietland]: https://viet-land.vn/ \"Viet Land App\"\n\n[![Netlify Status](https://api.netlify.com/api/v1/badges/b83daac1-b88a-4a01-bee4-d3af6c745410/deploy-status)](https://app.netlify.com/sites/viet-land/deploys)\n\nThe main objective of this project is to help the local business establish a strong connection with potential customers and create an outstanding first impression, ultimately giving the business a distinct advantage amidst the fiercely demanding marketplace.\n\nInitial constraints that we needed to address:\n\n- user-friendly design with an understanding of local language and cultural distinctiveness\n- competitive performance on mobile devices\n- smooth delivery and uncomplicated content management processes\n- **restricted budget**\n\nIn this particular scenario, the approach taken was to generate static pages rather than rely on client-side or server-side rendering. The client-side rendering was ruled off due to the significance placed on mobile performance and search engine optimization (SEO). Meanwhile, the idea of spending on the development/hosting/management of the backend side ruled off the server-side rendering approach as well. Instead of overinvesting in the backend infrastructure, we choose the services of the headless CMS (with generous free tiers).\n\nAnd, although static pages sound … lifeless, the app pages have been designed in a manner that does not give off a static impression entirely! The secret is the usage of component-based islands of JS interactivity whenever necessary.\n\n[**View Viet Land App (Live)**][vietland]\n\n## Key Features\n\n- Mobile-first responsive design\n\n- Forms with intuitive UI\n\n- Interactive search\n\n- Responsive map\n\n- Integration with Contentful CMS\n\n## Designed with and Build with\n\nThis project was developed by selecting a carefully curated set of modern technologies and tools. The pivotal ones are listed below. For a comprehensive view of all dependencies, including exact versions, feel free to explore the details in the [package.json](https://github.com/AnnaBurd/web-real-estate/blob/main/package.json) file.\n\n| Name                                                                                                                                                   | Usage                                                                                                             |\n| ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------- |\n| [![Astro Badge](https://img.shields.io/badge/Astro-BC52EE?logo=astro\u0026logoColor=fff\u0026style=flat-square)](https://astro.build/)                           | Leveraged for generating static pages, emphasizing fast load times and optimal performance.                       |\n| [![React Badge](https://img.shields.io/badge/React-61DAFB?logo=react\u0026logoColor=000\u0026style=flat-square)](https://reactjs.org/)                           | Integrated strategically for dynamic content and interactive components, providing a lively user experience.      |\n| [![TypeScript Badge](https://img.shields.io/badge/TypeScript-3178C6?logo=typescript\u0026logoColor=fff\u0026style=flat-square)](https://www.typescriptlang.org/) | Ensured codebase reliability and scalability, contributing to the overall maintainability of the application.     |\n| [![Contentful Badge](https://img.shields.io/badge/Contentful-2478CC?logo=contentful\u0026logoColor=fff\u0026style=flat-square)](https://www.contentful.com/)     | Served as the headless CMS, facilitating easy content updates and management.                                     |\n| [![Figma Badge](https://img.shields.io/badge/Figma-F24E1E?logo=figma\u0026logoColor=fff\u0026style=flat-square)](https://www.figma.com/)                         | Utilized for collaborative design processes, ensuring a cohesive and visually appealing user interface.           |\n| [![Tailwind CSS Badge](https://img.shields.io/badge/Tailwind%20CSS-06B6D4?logo=tailwindcss\u0026logoColor=fff\u0026style=flat-square)](https://tailwindcss.com/) | Applied for a streamlined and responsive design, enhancing the overall aesthetic and usability.                   |\n| [![Leaflet Badge](https://img.shields.io/badge/Leaflet-199900?logo=leaflet\u0026logoColor=fff\u0026style=flat-square)](https://leafletjs.com/)                   | Integrated for interactive maps, enhancing the user experience and providing valuable location-based information. |\n\n## Installation\n\n| Command           | Action                                                                                                                           |\n| :---------------- | :------------------------------------------------------------------------------------------------------------------------------- |\n| `npm install`     | Installs dependencies                                                                                                            |\n| `npm run dev`     | Starts local dev server at `localhost:4321` Note: switched from `localhost:3000` to `localhost:3000` in latest versions of Astro |\n| `npm run build`   | Build your production site to `./dist/`                                                                                          |\n| `npm run preview` | Preview your build locally, before deploying                                                                                     |\n\n## Project Structure\n\nThe project contains the following files and folders:\n\n```\n/\n+---.github                 - configurations for github actions ci\n+---.vscode                 - list of recommended extensions for vscode editor\n+---dist                    - files generated by build command\n+---node_modules            - third-party libs\n+---preview                 - preview assets for md documentation\n+---public                  - fonts, images and icons\n|\n\\---src\n    |\n    +---components          - reusable Astro components\n    |\n    +---layouts             - common layout for all pages\n    |\n    +---model               - application data\n    |\n    +---pages               - file-based routes\n    |       404.astro\n    |       index.astro\n    |       thong-tin.astro\n    |       tim-dat.astro\n    |       [slug].astro\n    |\n    +---scripts             - vanilla js (ts) scripts\n    |\n    \\---styles              - css defaults and variables\n\n\n... ts, prettier, tailwind, astro config files\n```\n\nDuring the build, Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name. The `404.astro` page is exposed as the default error page. `[slug].astro` exposes dynamically-generated pages.\n\nAstro components in `src/components/` can include pure Astro or React/Vue/Svelte/Preact components.\n\n## 👀 Want to contribute?\n\n1. Fork project (\u003chttps://github.com/AnnaBurd/web-real-estate/fork\u003e)\n2. Create your feature branch (`git checkout -b feature/fooBar`)\n3. Commit your changes (`git commit -am 'Add some fooBar'`)\n4. Push to the branch (`git push origin feature/fooBar`)\n5. Create a new Pull Request\n\n[Discuss Issues](https://www.linkedin.com/in/anna-burdanova-b91453218/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fannaburd%2Fweb-real-estate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fannaburd%2Fweb-real-estate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fannaburd%2Fweb-real-estate/lists"}