Giter Site home page Giter Site logo

swastik200 / real-estate-web-app Goto Github PK

View Code? Open in Web Editor NEW

This project forked from lazyfuhrer/real-estate-web-app

0.0 0.0 0.0 9.02 MB

This is a real estate web application created using NextJS and ChakraUI

Home Page: https://real-estate-web-app-sable.vercel.app/

JavaScript 78.37% CSS 6.69% HTML 14.94%

real-estate-web-app's Introduction

Real Estate Web Application ๐Ÿ“Š


Hacktober Fest 2022 Accepted! Create a Pull Request to Participate in Hacktoberfest 2022

Daily Visitors PRs Welcome

hacktoberfest


 

๐Ÿš€ Tech Stack:

  1. Next.js v12.1 (SSR) imageย ย 
  2. Chakra UI v2.2.1 (Responsive) imageย ย 
  3. Bayut API for property details imageย ย 

๐Ÿ”ด Model Deployment

Deployed the app using vercel at : https://real-estate-web-app-sable.vercel.app/

To Run the app

npm i
# and
npm run dev

Resources

  1. https://nextjs.org/docs
  2. https://chakra-ui.com/getting-started
  3. https://rapidapi.com/apidojo/api/bayut/
  4. https://vercel.com/docs/concepts/next.js/overview

UI Prototype

https://www.figma.com/file/bcjENQ7KYBOw13ARx0w2Cu/Magic-Properties?node-id=0%3A1

How to Contribute?

Add a Star to this Repository

On the top right of the page, click on the star button to give the repo a star

Fork this repository

fork this repository

Fork this repository by clicking on the fork button on the top of this page. This will create a copy of this repository in your account.

Clone the repository

clone this repository

Now clone the forked repository to your machine. Go to your GitHub account, open the forked repository, click on the code button and then click the copy to clipboard icon.

Open a terminal and run the following git command:

git clone "the copied url"

where "the copied url" (without the quotation marks) is the url to this repository (your fork of this project). See the previous steps to obtain the url.

copy URL to clipboard

For example:

git clone https://github.com/name/Real-Estate-Web-App.git

where name is your GitHub username. Here you're copying the contents of the Real-Estate-Web-App repository on GitHub to your computer.

Create a branch

Change to the repository directory on your computer (if you are not already there):

cd Real-Estate-Web-App

Now create a branch using the git checkout command:

git checkout -b your-new-branch-name

For example:

git checkout -b add-alonzo-branch

Make necessary changes and commit those changes

Now make the neccesary changes to the files

If you go to the project directory and execute the command git status, you'll see there are changes.

Add those changes to the branch you just created using the git add command:

git add .

Now commit those changes using the git commit command:

git commit -m "made some changes to file xyz"

Push changes to GitHub

Push your changes using the command git push:

git push origin -u your-branch-name

replacing your-branch-name with the name of the branch you created earlier.

Create a pull request on github and explain what You Have Done in description

Open your github account and click on create pull request button at the top of the page. Then add a descriptive comment on the changes you've made .

What Contributions are accepcted?

  1. Changing the UI/Design
  2. Adding Some Functionality
  3. Any typo in the project

Contributors

Here are our current contributors. Do some good work and join us here! ๐Ÿ†

GitHub Contributors Image

  1. Biswarghya Biswas
  2. Chin Zhie Lun
  3. Shantanu Barui
  4. Sayan Samanta
  5. Smiti Oswal

real-estate-web-app's People

Contributors

bluebberies avatar codemonger21 avatar druwan avatar goodchai0 avatar kiran-thilak avatar ktwillcode avatar lazyfuhrer avatar lunlunchin avatar oceaneyes123 avatar ommanimesh2 avatar redxzeta avatar sayandeveloper avatar singharyan1007 avatar smitioswal avatar sunny7899 avatar swastik200 avatar tandrimasingha avatar the-supernova avatar tinuh avatar wolfy7 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.