https://github.com/filonenkodima/nexter
Nexter is a modern real estate website that showcases properties and their features through a clean and responsive design.
https://github.com/filonenkodima/nexter
css design frontend html sass scss
Last synced: 11 days ago
JSON representation
Nexter is a modern real estate website that showcases properties and their features through a clean and responsive design.
- Host: GitHub
- URL: https://github.com/filonenkodima/nexter
- Owner: FilonenkoDima
- Created: 2024-08-19T11:36:15.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-28T13:21:29.000Z (over 1 year ago)
- Last Synced: 2025-04-07T17:24:05.619Z (about 1 year ago)
- Topics: css, design, frontend, html, sass, scss
- Language: HTML
- Homepage: https://filonenkodima.github.io/Nexter/
- Size: 23.6 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Nexter Project
## What is the project about?
Nexter is a modern real estate website that showcases properties and their features through a clean and responsive design.
You can preview this project [here](https://filonenkodima.github.io/nexter/).
## Why this project?
- Mastery of advanced CSS techniques, including Grid Layout.
- Practice with responsive web design principles.
- Implementation of modern web design patterns.
- Understanding the importance of clean and organized code structure.
## Build and Launch Instructions
- Clone the Repository
`git clone https://github.com/FilonenkoDima/Nexter.git`
`cd Nexter`
- Install Dependencies
`npm install`
- Start the Project in Development Mode
`npm start`
- Build the Project for Production
`npm run build`
## Project Structure
- `index.html` — The main HTML file that structures the content.
- `css/` — Contains all the stylesheets, including the main grid layout and responsive design.
- `img/` — Images used across the site, such as property photos and icons.
- `js/` — JavaScript files for any interactive elements.
## Application Architecture and Components
### Key Components
- Header and Navigation — Provides access to different sections of the site.
- Property Listings — Dynamically displays properties using CSS Grid.
- Contact Form — Allows users to inquire about properties.
## Responsive Design
The site is designed to be fully responsive, adapting to various screen sizes and devices.
## Demo
