Code Monkey home page Code Monkey logo

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

lazyfuhrer avatar goodchai0 avatar abhinavreddy-dev avatar ktwillcode avatar lunlunchin avatar singharyan1007 avatar oceaneyes123 avatar codemonger21 avatar smitioswal avatar druwan avatar tinuh avatar the-supernova avatar sunny7899 avatar redxzeta avatar anonimak avatar tandrimasingha avatar swastik200 avatar subh-cs avatar sayandeveloper avatar pravin1237 avatar ommanimesh2 avatar kiran-thilak avatar ivysaskia avatar bluebberies 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.