Giter Club home page Giter Club 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

abhinavreddy-dev avatar anonimak avatar bluebberies avatar codemonger21 avatar druwan avatar goodchai0 avatar ivysaskia avatar kiran-thilak avatar ktwillcode avatar lakshmi930 avatar lazyfuhrer avatar lunlunchin avatar neme-sis avatar oceaneyes123 avatar ommanimesh2 avatar pravin1237 avatar redxzeta avatar sayandeveloper avatar shubhamraj01 avatar singharyan1007 avatar smitioswal avatar subh-cs avatar sunny7899 avatar swastik200 avatar tandrimasingha avatar the-supernova avatar tinuh avatar wolfy7 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

real-estate-web-app's Issues

Update README

Add this line

  • Please make the Pull Request in test-1 branch. Not in the main.

Problem in footer!!

You can see contact us section is not good, it buggy.
Please assign this to me under HacktoberFest 2022.
1 15

Create an 'About Us' page and add content

Content:

Magic Properties is an Online platform to Buy or Rent top Properties in Dubai. It caters to a global market with its unique services and novel online features.
The Magic Properties design is based on rigorous research, unique product developments, and innovative initiative which has been readily accepted by users. In an attempt to best serve the users, features on the Magic Properties realty portal are constantly invented, evaluated and upgraded.
For any queries, feel free to mail us at [email protected]

Slow About Us page improvement

Current About Us page is extremely slow and it needs to improved and also add some writing in it along with the cards. I can work on this one once assigned.

Search filter color mode

The color mode for the search filter is not rendering as expected, looks like there are issues with dark/light mode toggle in the UI, I can fix them.
Screen Shot 2022-10-09 at 5 23 22 PM

Improve Navbar UI

hi, could i work on improving the navbar UI by vertically aligning items and also changing the width

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.