This is the frontend of the Realty Analytica application, built with Next.js and designed to interface with the Realty Analytica Backend. It provides a user interface for real estate analytics and data presentation.
These instructions will guide you in getting a copy of the frontend running on your local machine for development and testing purposes.
What you need to install the software:
- Node.js (v12 or higher recommended)
- npm (usually comes with Node.js)
- Access to the backend server (
backend
)
Follow these steps to set up your development environment:
-
Clone the Repository:
git clone [https://github.com/piotrsenkow/realtyanalytica.git](https://github.com/piotrsenkow/realtyanalytica.git) cd frontend
-
Install Dependencies:
Install the required packages using npm:
npm install
-
Environment Configuration:
-
Set up any necessary environment variables, such as the backend API URL, in a
.env.local
file in the root of the project. -
Example of
.env.local
:NEXT_PUBLIC_API_URL=http://localhost:4000/graphql
-
-
Running the Development Server:
Start the development server with:
npm run dev
This will start the Next.js application on
http://localhost:3000
. -
Accessing the Application:
Open your browser and navigate to
http://localhost:3000
to view and interact with the application.
You can start editing the page by modifying
pages/index.tsx
. The page auto-updates as you edit the file.API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in
pages/api/hello.ts
.The
pages/api
directory is mapped to/api/*
. Files in this directory are treated as API routes instead of React pages.This project uses
next/font
to automatically optimize and load Inter, a custom Google Font.To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
Provide instructions on how to run any tests that you have set up (if applicable).
Include additional notes about how to deploy the frontend application, such as deploying to Vercel, Netlify, or other hosting platforms.
- Next.js - The React framework used
- Tailwind CSS - Styling framework
- [Other Libraries/Frameworks]
We use SemVer for versioning. For the versions available, see the tags on this repository.
- Piotr Senkow - Initial work - github.com/piotrsenkow
This project is licensed under the MIT License.
- Hat tip to anyone whose code was used