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

Just copy the below text to get the label

[![CodeFactor](https://www.codefactor.io/repository/github/ayan-biswas0412/gssoc2021-hotelontouch/badge)](https://www.codefactor.io/repository/github/ayan-biswas0412/gssoc2021-hotelontouch)

Add it at the first of the Readme file

Is your feature request related to a problem? Please describe.
Add a project admin card component the card should contain
Project Admin Name : Ayan Biswas , Github Username : ayan-biswas0412 , Website : https://ayanbiswas.in and fetch the GitHub profile picture for the card

Name the component AdminCard.js , keep this in hotelontouch/src/components and render it in HomePage.js

Describe the solution you'd like
Use React Bootstrap Cards and make a good looking card
Innovative ideas are most welcome

Issue Reference

View Issue Reference

About this issue

The various operations or functionalities to be covered:

• CRUD Badges (admins only)
• Assign badges (admins only)
• Review service (customers only)

Is your feature request related to a problem? Please describe.
Edit the Readme.md in the https://github.com/ayan-biswas0412/gssoc2021-HotelOnTouch/tree/main/hotelontouch but first please study the whole flow and try to run using yarn start and then study the folder structure we use and the function naming types and document the whole thing in Readme.md such that a new developer can easily understand the codebase.

Hi @ayan-biswas0412 @shreyanshi16 i'm a GSSOC 21 participant can i work on this issue ? please let me know

Module: HotelOnTouch main website

Currently, there is react icon favicon present in the title bar. We want to change it to the logo of the project. The logo is present here. Also change the name of logo_shreyanshi16.png to logo.png.

Add favicon feature to the website
favicon (6).zip

Hey @ayan-biswas0412, @shreyanshi16 , @Anjali041, I am a GSSOC, 2021 participant and I want to add favicon feature in the website. Can I work on this issue?

Please Go through the Readme first
before contributing anything , and here are some Good First Issue
This project is under active development

Please read our Contributing Guidelines, Code of Conduct thoroughly.If you are visiting this repo first time and you want to contribuite to this repo as a participant or a mentor please complete the Onboarding Process

Is your feature request related to a problem? Please describe.
Add a button in the main website which will have link to all the good first issues of this repository , show your creative work you may use svgs to make it cool , more innovative ideas are welcome feel free to suggest design

Is your feature request related to a problem? Please describe.
make the component inside hotelontouch/src/components , Give the name OurSolution.js and use good svgs and small description (refer Readme) about the three project modules

1. Hotel Guest App
2. Hotel Admin App
3. Hotel Services End App

Issue Reference

View Issue Reference

About this issue

The various operations or functionalities to be covered:

• CRUD users (as employee or customer)
• Hotel Room booking
• Admin routes to for making admin / removing admin (Users can only register as employees or customers. Only existing admins can add the admin role to others)

Is your feature request related to a problem? Please describe.
make one login page inside hotel-admin-frontend/src/pages and name it Login.js use React Bootstrap forms
there should be the following fields

1.Username
2.Password
3.Captcha Validation
4. Proper validation check for Valid Email formats in the Username Field
5. If captcha is not done then form can't be submitted
6. On Successful submission print the formdata in consul.log

Issue Reference

View Issue Reference

About this issue

Customers will have to option to review and rate the services and admins will have the feature the reward employees with badges for their work performance. Since these two models are relatively smaller and easier than User and Service, I have grouped them under a single issue. The work included: setting up two models - 1 for reviews and 1 for badges.

Describe the solution you'd like
Add routes for different pages make page_one.js and page_two.js and define their corresponding routes under src/App.js and also integrate React Bootstrap

all pages should be under src/pages

show one bootstrap in both of the pages containing text like This is the page one

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
NA

Describe the solution you'd like
Add routes for different pages make page_one.js and page_two.js and define their corresponding routes under src/App.js and also integrate React Bootstrap

all pages should be under src/pages

show one bootstrap in both of the pages containing text like This is the page one

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
NA

Is your feature request related to a problem? Please describe.
Read the project description from Readme and make one component AboutProject.js inside src/components in the folder hotelontouch which describes the entire project, use your own words , you can use cool animations or svgs to describe the project well.

Innovative ideas are most welcome

Is your feature request related to a problem? Please describe.
Make one blank contact us form which takes the following inputs
1.Name
2. Email
3. Message

Describe the solution you'd like
Make the component inside hotelontouch/src/components and name the component ContactUs.js the component should be good looking , more innovative ideas are welcome

Additional context
Use React Bootstrap Forms and give proper validation checks , ignore the form action part for now there should be blank action url for POST Request of the json , for now after form submit show the json in console.log

Is your feature request related to a problem? Please describe.
Add a title project admin before the picture of the project admin edit the hotelontouch/src/components/AdminCard.js
and make UI improvement of the card if possible more interactive designs are welcome

change the line to : you can find different issues
check there is a typo

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

Add a line at the end of the Readme , Go the the Wiki for more info
and give this like as Click Here

Is your feature request related to a problem? Please describe.
Make one component open source programmes we are part of which can take a json as props the json should be as below

let openSource = [
{
"name" : "Girlscript Summer of Code 2021",
"url" :"gesso.tech",
"logo" : "logo_url" // either from web or imported locally
}
]

Describe the solution you'd like
the component should be under hotelontouch/src/components and should be named OpensourceProgramme.js

Additional context
You can use React Bootstrap Cards

Is your feature request related to a problem? Please describe.
Add a logo of GSSoc 2021 in Readme file below the line we are now part of GSSoc 2021

Describe the solution you'd like
Follow proper markdown rules to add the logo and take the logo from GSSoc official website.
keep the logo asdocs/gsssoc2021_logo.png

Issue Reference

View Issue Reference

About this issue

Following the user schema, the next focus is to set up the service schema. Services include laundry service, room service management, bar, restaurant order management etc as to be added by the admin.

Is your feature request related to a problem? Please describe.
Setup the React native paper theming in the customer frontend app you can take help from https://callstack.github.io/react-native-paper/

Is your feature request related to a problem? Please describe.
make a component inside src/components of folder hotelontouch for showing active PRs of this repository , name the file PullRequest.js and the function name should be PullRequest and it should have the following props

1. PR link
2. status = [merged/open/close]
3. based on the status the colour of the component should change [purple/green/red].

also show some sample PRs in a page make a page inside src/pages and name that PullRequest.js

Is your feature request related to a problem? Please describe.
make two sample routes Home.js and Dashboard.js and setup the authentication navigator for now just define authState by hardcoding userState say ``loggedInandloggedOut``` and based on that Home should be accessed in both modes but dashboard can only be accessed in logged in mode

Describe the bug
This isn't a bug, but the footer doesn't occupy 100% of the width on mobile devices. So I want to make it responsive. Also, want to enhance the contribution section as right now it occupies a lot of space since there are only 2 cards per row.

To Reproduce
Steps to reproduce the behavior:

Expected behavior
Footer to be responsive

Screenshots

Device Information [optional]:

Additional context

Are you working on this issue? (Yes/No)
Yes

Please assign this issue to me as a part of GSSOC21

Give a basic intro about yourself
Testing

A clear and concise description of yourself [...]

Describe your tech expertise

A clear and concise description of the domains in which you have worked on (just make bullet points please don't provide information about each and every stack you can mention your previous projects but not necessary).

• javascript
• ReactJS
  ..etc

Describe your hour commitment per day to this project(optional)

A clear and concise description of any alternative solutions or features you've considered.

Your Social Links such that we can connect with you
Add as many as you can

• Website
• Github
• Twitter...etc

If you have any query during the project work use this thread to communicate on general topics (non specific topics)

Is your feature request related to a problem? Please describe.
you have to make an bootmnavigator consisting of four options

1. Home
2. Options
3. About
4. Profile

choose appropriate material icons and also in each page show one like "This is page_name page"

Setup React-Native-Paper before start working

Is your feature request related to a problem? Please describe.
Enhance the Welcome component add some cool svgs make responsive design if possible show your creativity, good animated designs are most welcome

Is your feature request related to a problem? Please describe.
make one our solution section and make one card inside it , give a proper svg , you can use undraw svgs
The Card title should be , Hotel Admin System and onClick should redirect to https://admin-hotelontouch.netlify.app make a beautiful card , more innovative designs are most welcome

Additional context
Use React Bootstrap Cards,
make component inside hotelontouch/src/components and name it OurSolutions.js and render it in homepage

Is your feature request related to a problem? Please describe.
make a component SystemFeature.js inside hotelontouch and provide a proper svg from undraw and write one heading ```Completely Open Sourced Hotel Management System```` and under that add the project description by copying from Readme.

Describe the bug
On resizing the screen in the main website HotelOnTouch the Home section in the navbar aligns to left. We want to align the text in the center.

Steps to reproduce

1. Run the HotelOnTouch module locally on the system.
2. Resize the window
3. See the bug in the Navbar for the Home section.

Expected behavior

Issue Reference

View Issue Reference

About this issue

Currently, there's just a dummy backend server setup for the project. To start with, the first focus must be setting up the user schema. As mentioned in the reference issue comment, there are to be three types of users - admin, employee and customer.
I will be working on the same - setting up models for all three type of users and sending a PR for your reviewing and amendments.

Is your feature request related to a problem? Please describe.
Read the project description and be creative as much as you can, please attach your logos in this issue and best logo will be taken and shown in the website.Submit your logo in this comment thread

Is your feature request related to a problem? Please describe.
please check the linked issue badge levels and add them in the already merged PRs. and also add Gssoc2021 label in the PRs

@sahilit are you available for doing this ?

I will like to add tech stack logo used in our project this will make our project attractive !! Will start to work on this issue as soon as i get assigned !!

Issue Reference

View Issue Reference

About this issue

The various operations or functionalities to be covered:

• CRUD Services (admins only)
• Request a service (customer only)
• Assign and track service (admins only)

Is your feature request related to a problem? Please describe.
make a component inside src/components of folder hotelontouch , name the file AllContributors.js and the function name should be AllContributors and it should show the following information

1. Contributor Github Profile image
2. Github username => Clickable => Redirect to their profile
3. All contributors should be arranged in a way that old contributors remains on top
4. Component should be responsive to screen size

Render the component in HomeScreen
Use Github API to fetch the list of contributors of this repository
See the website they have a contributors section

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'https://github.com/ayan-biswas0412/gssoc2021-HotelOnTouch/tree/main/hotelontouch ' and go to the heading yarn test
   

2. Click on 'http://localhost:3000 '

3. See the error
   

I would like to work on it under gssoc21 if the error is applicable

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

1. Enlarge the text size of the We are a part of
2. Make style improvements in the section, use some cool animations if possible

Is your feature request related to a problem? Please describe.
The current navbar in the website is kind of old age type, make it such that it look good
edit the hotelontouch/src/components/NavbarComponent.js

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

Our Website is in the initial stage and all the development is done under the folder hotelontouch please go through that and we need more innovative ideas to make the website awesome , so more ideas are welcome here , please first discuss your idea in the comment and then if approved my a mentor then open an issue first and then start work on that . Please follow the mentioned steps otherwise your contribution will not be valid

cc @JanviMahajan14

Is your feature request related to a problem? Please describe.
setup an initial express app using the standard method and just setup the app and run , add proper environment variable for PORTS and other things the expressapp should be under backend folder under the main repository.

name of the npm package should be : backendhotelontouch

Is your feature request related to a problem? Please describe.
make a component inside src/components of folder hotelontouch , name the file Footer.js and the function name should be Footer and it should have the link to the the Github Repository

Make the footer which looks nice, new and creative ideas are most welcome

• Hotel Registration (In Admin Console)
• Login system Development in Admin End
• Hotel Admin Can create their profile
• They Can add / remove rooms
• Can create sub sections in hotel (restraunt/bar etc)
• They Can create users and assign roles to various departments
• Invoice Generation and Management
• Login System Development in User End (in The mobile app)
• Customer Registration (Automatic Upon check in to room)
• Booking of Various Services via Customer App

Describe the bug
In the Readme, the netlify badges are showing the statuses of the last build (be it a PR preview deploy or a production main branch deploy ) but the expected behavior is it must show the latest main branch build status only

To Reproduce
Steps to reproduce the behavior:

1. Go to Readme.md

Expected behavior
Only show the main branch deploy status

Screenshots

Is your feature request related to a problem? Please describe.
I think always merging to the main branch is an inefficient way for a long project like this I have thought a flow like this

participant PR -> (merge to) -> develop branch -> weekly merging to main
please put your views and take necessary steps (documentation updation in the wiki)

Adding styling and some effects to jumbotron at the top of the homepage.
@ayan-biswas0412 please add respective tags with GSSoC tag also so I can start working on the issue.

Is your feature request related to a problem? Please describe.
make a component inside src/components of folder hotelontouch for showing statuses of this repository , name the file GithubStatus.js and the function name should be GithubStatus and it should have the following props

1. Github start
2. Forks
3. Github logo => onClick should redirect to this repo