Giter VIP home page Giter VIP logo

hacktoberfest22_hotel_mandarin_oriental's Introduction

Hacktoberfest-Accepted Repository

Mandarin Oriental

The Mandarin Oriental is a hotel website, it features check in checkout, customers review, facilities, room types etc....

[ In development Phase ]

πŸ“Œ Main Page:



mainpage



booking



deluxeroom



twinroom



standardroom



review



footer

Contribution is fun! 🧑

πŸ“Œ Tech Stack

HTML CSS JS Bootstrap

In order to make a hassle-free environment, I implore you all (while contributing) to follow the instructions mentioned below!

Happy Submissions πŸ™‚

Happy Coding πŸ‘¨β€πŸ’»


πŸ“¬ Contact

If you want to contact me, you can reach me through below handles.

LinkedIn Gmail

Contributing Guidelines

This documentation contains a set of guidelines to help you during the contribution process. We are happy to welcome all the contributions from anyone willing to improve/add new scripts to any project. Thank you for helping out and remember, no contribution is too small.

Submitting ContributionsπŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Below you will find the process and workflow used to review and merge your changes.

Step 1 : Find an issue

  • Take a look at the Existing Issues or create your own Issues!
  • Wait for the Issue to be assigned to you after which you can start working on it.
  • Note : can self-assing using '/assign' in comment section of that repo.

Step 2 : Fork the Project

  • Fork this Repository. This will create a Local Copy of this Repository on your Github Profile. Keep a reference to the original project in upstream remote.
$ git clone https://github.com/<your-username>/Reeponame
$ cd Reeponame
$ git remote add upstream https://github.com/ownwerusername/Reeponame
  • If you have already forked the project, update your copy before working.
$ git remote update
$ git checkout <branch-name>
$ git rebase upstream/<branch-name>

Step 3 : Branch

Create a new branch. Use its name to identify the issue your addressing.

# It will create a new branch with name Branch_Name and switch to that branch 
$ git checkout -b branch_name

Step 4 : Work on the issue assigned

  • Work on the issue(s) assigned to you.
  • Add all the files/folders needed.
  • After you've made changes or made your contribution to the project add changes to the branch you've just created by:
# To add all new files to branch Branch_Name
$ git add .

Step 5 : Commit

πŸŽ€πŸŽ€Before submitting an issue please find the correct folder where your program will go , You can discuss about it in the discussion.

  • To commit give a descriptive message for the convenience of reveiwer by:
# This message get associated with all files you have changed
$ git commit -m "message"
  • NOTE: A PR should have only one commit. Multiple commits should be squashed.

Step 6 : Work Remotely

  • Now you are ready to your work to the remote repository.
  • When your work is ready and complies with the project conventions, upload your changes to your fork:
# To push your work to your remote repository
$ git push -u origin Branch_Name

Step 7 : Pull Request

  • Go to your repository in browser and click on compare and pull requests. Then add a title and description to your pull request that explains your contribution.

  • Voila! Your Pull Request has been submitted and will be reviewed by the moderators and merged.πŸ₯³ Congratulations! You've already made your first contribution.πŸ₯³

Good Luck for your journey



Β© 2021 Shruti Mishra

hacktoberfest22_hotel_mandarin_oriental's People

Contributors

akanshaaa19 avatar ankitnayan83 avatar biratdatta avatar cyberciph3r avatar dun-sin avatar hardiksharma11 avatar janhvi52 avatar kanscerr avatar laveshverma007 avatar lo-rraine avatar marisabrantley avatar mdnazisharman2803 avatar nishant-ai avatar pankti13 avatar priyanshu85 avatar rajnish-bhagat avatar rushikesh1799 avatar sayantanmpaul avatar shrutimishra-2002 avatar sidmadke avatar subhajitroycode avatar tahseenzahra avatar yash9460 avatar zaidkhan2002 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

hacktoberfest22_hotel_mandarin_oriental's Issues

Addition : Issue templates πŸ› 

What i am suggesting to add ?

I am suggesting to add Issue Templates to the repository, it can be as many categories as needed - primary categories of issues are mostly : bugs, docs, general feature and so on.

Why to add it ?

Adding an issue Template allows you to organize the issues made by folks in a much better way.

  • We can know if someone wants to add a feature.
  • We can know if someone wants to write a test or maybe fix something in the website
  • Here's a general idea :

image

Can i work on it ?

Yes, i will be glad to help an Opensource project grow more !

Customer Information Should Align At Bottom Of Card

Hi,

I believe the customer profile photo and "review from [name]" should align equally at the base of the card instead of shifting with the wording above. It is visually apparent between Karen.Uk and Moriss. Italy.

Please let me know if you would like this change.

customer-review

Update Twitter Logo

Description:

The current Twitter logo being used on the website appears outdated.

Steps to Reproduce:

  1. Visit the website and locate the Twitter logo in the footer section.
  2. Compare the displayed Twitter logo with the most recent Twitter

Expected Behavior:

The Twitter logo displayed on the website should align with the latest Twitter branding guidelines in terms of colors, proportions, and design.

Actual Behavior:

The current Twitter logo used on the website does not match the most recent logo provided by Twitter.

Screenshots:

issue-hotel-mandarin-oriental

Modifying the Navigation Section of the website

In the current website, the navigation is of hamburger menu type which is more likely to be used in mobile devices. In desktop view, The overall user experience and UI will look great if the navigation section is horizontal. I can do it very nicely. @ShrutiMishra-2002 can you please assign it to me?
Screenshot 2022-10-04 010629
Screenshot 2022-10-04 010652

Need some changes to the Footer

It will look cool if footer elements instead of just looking normal text will look as a link, which are actually links. It needs an underline when hovered.

I want to implement this ?
May I work on this Issue ?

Want to add the copyright bar at the bottom of the page.

Preventing the website from copyright issues i want to add the copyright, terms and condition, about etc. bar in the bottom most side of the web page.
image

want to make some of the hovering effect on the "know more buttons"
and many more buttons so that it can make user a bit more helping.
Hovering effect on "lets explore" button.
image
PLS assign it to me .
I will make it more user friendly.

Move contribution guiidelines from README.md to CONTRIBUTION.md

Hello there!
The contribution guidelines should be in the contribution.md file
The README on the other hand should basically showcase the project and point the reader to the contributing.md instructions

If you approve, I'd like to implement these modifications
Thank you

[SUGGESTION]: Add NodeJS dependencies to enable formatting of code with eslint and prettier

  • I noticed that the HTML code-base is not properly formatted when I was working on the home page
  • Also, enabling a code formatter will ensure that future contributors conform to the rules of writing neat code for this project.
  • Since this is a hotel website, it will require using NodeJS at some point to make development easier

These are merely suggestions though.

Headings are not clearly visible

The headers of the 'Rooms' and 'testimonial' sections are not clear

image

image

I would like to work on this issue. Please assign it to me.

Login & SignUp Functionality

It's better that we store the user's information. Firebase is easy to use and simple to implement. Can I go ahead with it under hacktober tag.

Stretched Images

The avatar image on the review cards looks stretched

image

I can work on it, if you want

Integrate Google sign-in for logging in

Hi there : )

In addition to the usual sign-up and sign-in I would like to add the Google Sign-in to make it faster and more convenient for users to sign up/in

Know More section

Want to add a few more points to the "Facilities" part, and start working on making the "Know more" buttons link to a full description.

Adding Scroll up button functionality on Home page

Hi @ShrutiMishra-2002, I am new to the open source world and would love to contribute to THE MANDARIN ORIENTAL.

THE MANDARIN ORIENTAL looks clean and fantastic. One thing I would like to add is the scroll-up button functionality to the home page. Once anyone clicks on the scroll-up button it will take the user to the top of our website.

Can you please assign this to me? Thanks.

Light & Dark Mode

Hi @ShrutiMishra-2002, I am new to the open source world and would love to contribute to THE MANDARIN ORIENTAL.

THE MANDARIN ORIENTAL looks great. I would like to add a Dark & light mode to the website.

If you like the idea, Can you please assign this to me? Thanks.

Fix footer UI

adding more space between the components and fixing the UI would make it look better

Adding a preloader

I can add a preloader to the site to make user experience better whenever site is being loaded or they migh be facing some network issues

Modify the navigation section

Hi there, I want to improve and modify the navigation section for the website.

When we click the menu and it appears from the right I think it's not necessary for the desktop view so please assign me this issue πŸ™ also this is my first hacktoberfest.

Add navigation on the "BOOK NOW" button

Hi there,

I noticed that before you get to the room's section there is a form for booking. I would like to make the following changes:

  1. Remove this booking form
    image

  2. Add Navigation to a new Bookings Page when the "BOOK NOW" button is clicked https://res.craft.do/user/full/d78e1482-5fe5-b1b0-657a-0f4bc4f2f024/doc/78c16db3-d109-4560-8f9c-8595f9544b25/b802e6fe-8221-458e-9553-2a79fa2c0a58

  3. Add the Book now form to the Bookings page that I'll and some styling work so that the page matches the rest of the website

create custom scrollber

the webpage has only the custom scrollbar

Here is the element I want to improve color and the design can be changeable :
scrollbar

Kindly the issue me if it's worth the changes to the design of the page
Thank you,
Sayantan

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.