https://github.com/shresthashim/hamro-estate

MERN Estate: A sleek real estate app powered by MongoDB, Express.js, React with Vite, and Node.js, with a stylish interface designed using Tailwind CSS. Discover, track, and secure property effortlessly.
https://github.com/shresthashim/hamro-estate

Last synced: about 2 months ago
JSON representation

MERN Estate: A sleek real estate app powered by MongoDB, Express.js, React with Vite, and Node.js, with a stylish interface designed using Tailwind CSS. Discover, track, and secure property effortlessly.

• Host: GitHub
• URL: https://github.com/shresthashim/hamro-estate
• Owner: shresthashim
• Created: 2023-11-25T04:34:18.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-09-15T11:57:05.000Z (4 months ago)
• Last Synced: 2024-09-15T13:39:54.981Z (4 months ago)
• Language: JavaScript
• Homepage: https://hamro-estate.onrender.com
• Size: 138 KB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Hamro Estate

A sleek real estate app powered by MongoDB, Express.js, React with Vite, and Node.js, with a stylish interface designed using Tailwind CSS. Discover, track, and secure property effortlessly. Creating a react application using Vite.

## Setting Up React Project with Vite

STEP 1: Create a new React project using Vite's Template 

```bash

npx create-vite@latest my-react-app --template react

```

STEP 2: Installing dependencies

```bash

npm install

```

STEP 3: Running the development server

```bash

npm run dev

> [email protected] dev

> vite

  VITE v4.3.5  ready in 1225 ms

  ➜  Local:   http://localhost:5173/

  ➜  Network: use --host to expose

  ➜  press h to show help

```

## Installation

Install Tailwind CSS : 

Install tailwindcss via npm, and then run the init command to generate your tailwind.config.js file

```bash

npm install -D tailwindcss

npx tailwindcss init

```

Configure your template paths : 

Add the paths to all of your template files in your tailwind.config.js file.

```bash

/** @type {import('tailwindcss').Config} */

module.exports = {

  content: [

    "./src/**/*.{js,jsx,ts,tsx}",

  ],

  theme: {

    extend: {},

  },

  plugins: [],

}

```

Add the Tailwind directives to your CSS : 

Add the @tailwind directives for each of Tailwind’s layers to your ./src/index.css file.

```bash

@tailwind base;

@tailwind components;

@tailwind utilities;

```

## Run Locally

Clone the project

```bash

  git clone https://github.com/AsHim1123/hamro-estate

```

Go to the project directory

```bash

  cd hamro-estate

```

Install dependencies

```bash

  npm install

```

Start the server

```bash

  npm run dev

```

## Documentation

[Documentation](https://linktodocumentation)