Git Product home page Git Product logo

go-airbnb's Introduction

Go Airbnb

GitHub stars GitHub forks GitHub watchers Repo. Size GitHub Maintained PRs Welcome

GitHub contributors GitHub Closed issues GitHub PR Open GitHub PR closed GitHub language count GitHub top language GitHub last commit

A beginner friendly project to help you in open source contributions. An attempt to bring all together. @jwoc Also Part of @Hacktoberfest'21

<br />

Visit the Official Website »
Report Bug · Request Feature

An Airbnb clone web application would be a platform that allows users to find and book accommodations for their travel needs. The project would involve building a website that functions similarly to Airbnb, where users can search for listings based on their destination, check-in and check-out dates, number of guests, and other filters. The application would have two main user types: hosts and guests. Hosts would be able to create listings for their properties, including descriptions, photos, availability calendars, and pricing information. Guests would be able to search for and book listings, communicate with hosts, and leave reviews for their stays.

Table of Contents :

(Bottom)


Overview

The goal of this project is to help the beginners with their contributions in Open Source and bring all the possible Frontend (UI) knowledge all together. We aim to achieve this collaboratively, so feel free to contribute in any way you want, just make sure to follow the contribution guidelines.

Tech-Stack used :

HTML 5 CSS3 Javascript React MaterialUI BootStrap

(back to top)

What is Open Source?

The open source community provides a great opportunity for aspiring programmers to distinguish themselves; and by contributing to various projects, developers can improve their skills and get inspiration and support from like-minded people. When you contribute to something you already know and love, it can have so much more meaning, because you know how the tool is used and the good it does for you. Being part of an open source community opens you up to a broader range of people to interact with.

Read more about it here.

(back to top)

Open Source programs this repo has been part of



(back to top)

Contribution Guidelines

Step 1.

  • Create a Copy of this Repository, In order to work on an open-source project, you will first need to make your own copy of the repository. To do this, you should fork the repository and then clone it so that you have a local working copy.

Fork 🍴 this repo. Click on the Fork button at the top right corner. With the repository forked, you’re ready to clone it so that you have a local working copy of the code base.

Clone the Repository To make your own local copy of the repository you would like to contribute to, let’s first open up a terminal window.

We’ll use the git clone command along with the URL that points to your fork of the repository.

  • Open the Command Prompt
  • Type this command:
git clone https://github.com/your_username/Go-Airbnb

Step 2:

  • Creating a New Branch, It is important to branch the repository so that you are able to manage the workflow, isolate your code, and control what features make it back to the main branch of the project repository.

When creating a branch, it is very important that you create your new branch off of the master branch. To create a new branch, from your terminal window, follow:

git branch new-branch
git checkout new-branch

Once you enter the git checkout command, you will receive the following output:

Switched to branch 'new-branch'

Step 3:

  • Contribute, Make relevant changes. Add new algorithms. Add Readme files. Contribute in any way you feel like :)

Step 4:

  • Commiting and Pushing, Once you have modified an existing file or added a new file to the project, you can add it to your local repository, which we can do with the git add command.

git add filename or git add . You can type the command git add -A or alternatively git add -all for all new files to be staged. With our file staged, we’ll want to record the changes that we made to the repository with the git commit command.

The commit message is an important aspect of your code contribution; it helps the other contributors fully understand the change you have made, why you made it, and how significant it is.

git commit -m "commit message"

At this point you can use the git push command to push the changes to the current branch of your forked repository:

git push --set-upstream origin new-branch

Step 5:

  • Create Pull Request, At this point, you are ready to make a pull request to the original repository.

(back to top)

Contributors

Thanks to all the people who contribute

Contributors



(back to top)

Feedback

If you have any feedback or suggestions please reach out to maintainers.

Or you can create a issue and mention there , which features can make this Project more good.



Show some ❤️ by starring this awesome Repository!

go-airbnb's People

Contributors

aman34503 avatar ayush-sleeping avatar mainakroy050 avatar mnnkhndlwl avatar sandyyscripts avatar shobhits7 avatar shruti025 avatar srijita-mandal avatar vishalda avatar

Stargazers

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

Watchers

 avatar

go-airbnb's Issues

[Feature]: want to create a user profile page #JWOC

Is your feature request related to a problem? Please describe.

when user clicks on the profile picture he/she will be redirected to a profile page where user can see all his details

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

No response

[Feature]: Add FAQ section

Is your feature request related to a problem? Please describe.

As mentioned in the footer, there should be a FAQ section. I want to add this. Can I work on this issue under JWOC?

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

No response

[Feature]: create login page

Is your feature request related to a problem? Please describe.

i want to work on this issue under jwoc

Describe the solution you'd like

I will use HTML and CSS to build whole login page
I will use react router so that if user clicks on login button user will be redirected to homepage

Describe alternatives you've considered

No response

Additional context

No response

[Feature]: Create a seperate page for faq

Is your feature request related to a problem? Please describe.

currently faq is in home page i want to create a separate page for faq
so that when user clicks on faq in footer section user will be redirected to faq page

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

No response

Use of deprecated Hook

In Banner.js file useHistory hook is being used which is most likely deprecated and replaced by useNavigate hook in react-router-dom. Hence the file requires certain syntactical changes and code upgradation.

[Bug]: Login Page and Settings Page aren't responsive

Describe the bug

The Login Page and the Settings(Profile) page are not responsive.

To Reproduce

No response

Expected Behavior

No response

Screenshot/ Video

image

image

Desktop (please complete the following information)

No response

Additional context

No response

[Feature]: changing layout of cards in responsive mode

Is your feature request related to a problem? Please describe.

No response

Describe the solution you'd like

image
currently in responsive mode cards look like this
I want to change it so that user can swipe to see other cards

Describe alternatives you've considered

No response

Additional context

No response

[Bug]: Stays nearby page is not responsive

Describe the bug

The "Stays nearby" page is not responsive.

To Reproduce

No response

Expected Behavior

No response

Screenshot/ Video

image

Desktop (please complete the following information)

No response

Additional context

No response

[Bug]: Alignment Of dates / Calender Feature

Describe the bug

No response

To Reproduce

No response

Expected Behavior

The Calender Should be properly Aligned

Screenshot/ Video

No response

Desktop (please complete the following information)

No response

Additional context

No response

Readme Update :

Add labels ,
Add Table of content ,
Add Tech-Stack used ,
Add Open Source programs this repo has been part of ,
Add Contributors section ,
Add Feedback ,


All things categorize it, In a systematic way ......

[Feature]: About Us section in the home page

Is your feature request related to a problem? Please describe.

There is no particular about us page or section in the home page. I want to add about us section in the home page with improved UI of the page.

Can I work this issue under JWOC?

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

No response

[Feature]: Add a Loader at Homepage

Is your feature request related to a problem? Please describe.

No response

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

No response

[Bug]: Responsiveness of header and footer

Describe the bug

The header and footer can have a better view for smaller screens.

To Reproduce

No response

Expected Behavior

No response

Screenshot/ Video

image

Desktop (please complete the following information)

No response

Additional context

No response

[Feature]: Improve the Header portion of home page

Is your feature request related to a problem? Please describe.

No response

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

No response

[Feature]: Contact Us

Is your feature request related to a problem? Please describe.

Add a contact us page UI

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

Can I work on this issue?

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.