Code Monkey home page Code Monkey logo

business-website-codepeak2021's Introduction

Making business Website similar to ITC-hotels-codepeak2021

Build Status

Mother Program: CODEPEAK by IIT Guwahati & IIT Patna. Codepeak

Contributing Period: Dec 3rd 2021 to Jan 6th 2022

This project is for getting a hotel business ready website similar to ITC Hotels website. So, let's get started. It will be a very good practice. So, let's begin!

⭐ How to get started?

You can refer to the following articles on the basics of Git and Github and also contact the Project Mentors, in case you are stuck:

💥 How to Contribute?

PRs Welcome Open Source Love svg2

  • Take a look at the Existing [Issues]
  • Wait for the Issue to be assigned to you after which you can start working on it.
  • Fork the Repo and create a Branch for any Issue that you are working upon.
  • Read the [Code of Conduct]
  • Create a Pull Request which will be promptly reviewed and suggestions would be added to improve it.
  • Add Screenshots to help us know what this Script is all about.

Scoring criteria :

  • For merging very easy issue assign 1 point.
  • For merging easy issue assign 3-4 points.
  • For merging MED issue assign 5-7 points.
  • For merging hard issue assign 10-12 points.
  • For merging extremely hard issue assign 15-20 points.
  • For merging 1-point issue assign 1 point.
  • For pointing a new easy issue assign 1 point
  • For pointing a new MED/HARD issue assign 1 point
  • Note: All points mentioned are excluding timeliness, efficiency & other bonuses. Max bonus can be upto 5.

PROJECT DETAILS

Get Started

Prerequisites

  • NodeJS
  • Bootstrap
  • MongoDB or Firebase
  • ReactJS
  • Express
  • HTML5/CSS3/JavaScript (Basics)

SiteMap

map1

![map](https://user-images.githubusercontent.com/92569441/145590394-73a5533a-b4ff-4d18-9097-92d347030174.png)discarded

Tasks

check issues tab please

Setting up softwares

To work on Github hosted projects, one has to use Git - a Version Control System. So the first task is to install git on your machine. For Windows users, download git from here - https://git-scm.com/downloads. For Linux users, you can use your distro's package manager to install git.

Note: Although Linux isn't mandatory, it is preferred while working with Open Source Software.

Note: You can learn about Version Control Systems (VCS) here.

Setting up git

After installing git, run git and execute these commands:

git config --global user.name "[name]"
git config --global user.email "[email address]"

That should complete the software setup.

Forking and Cloning

Before you can edit any file on the repo, you must fork and clone it. A fork is a copy of the repository in your account. To clone a repo means to download it locally. Click the Fork button on the top right of this repo to fork it. Next, go to your copy of the repo and click the Clone button. Copy the url. Now open git and execute this command:

git clone [copied url here]

That should download the repo locally.

Making branches

A branch is a parallel copy of the code. When we add new features to a project, we usually create a copy of the code and work on it. This is done so that the main working copy of the code is unaffected. In most GitHub repos, the master branch is the default branch. You should create a separate branch for every contribution you make. To create a new branch, execute this command:

git checkout -b [branch name here]

You should see the branch name change on the terminal prompt. Congratulations! You created a new branch.

Edit/Add files

Adding and commiting changes

To create a commit means to save your work. But before you commit, you have to add your work to the commit. To do so, execute this command from the project root:

git add *

This adds all files to the upcoming commit. Now, to create the commit run this command:

git commit -m "[commit message here]"

Write any message in place of the commit message. If the command runs successfully, you should have committed your changes.

Pushing changes and submitting a Pull Request

After committing your changes, you have to upload them to GitHub. This is known as pushing. To push your changes, run:

git push origin [branch name]

Where branch name is the name of your newly created branch. This should upload your changes to your GitHub account. Now, you can propose these changes to the actual project. To do so, click on the Pull Request button on GitHub. Most of the fields should be automatically filled out for you. Click Create Pull Request. If everything went correctly, you should have created a pull request with your changes. Now it is upto the repo owner to merge these changes.

Congratulations! You made your first Open Source Contribution! Now contribute to some other repos. Have a great time!

Resources

You can learn more about Git and GitHub here:

Dependency guide

       $ npm install bootstrap

Alternatively, if you’re not using Bundler, you can install the gem by running this command:

       $ gem install bootstrap -v 5.1.3
CDN via jsDelivr
       <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
       
       <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

Now let's install mongoose

First be sure you have MongoDB and Node.js installed.

Next install Mongoose from the command line using npm:

       $ npm install mongoose --save

Assuming you’ve already installed Node.js, create a directory to hold your application, and make that your working directory.

       $ mkdir myapp
       $ cd myapp

Use the npm init command to create a package.json file for your application. For more information on how package.json works, see Specifics of npm’s package.json handling.

        $ npm init

This command prompts you for a number of things, such as the name and version of your application. For now, you can simply hit RETURN to accept the defaults for most of them, with the following exception:

        entry point: (index.js)

Enter app.js, or whatever you want the name of the main file to be. If you want it to be index.js, hit RETURN to accept the suggested default file name.

Now install Express in the myapp directory and save it in the dependencies list. For example:

        $ npm install express --save

To install Express temporarily and not add it to the dependencies list:

        $ npm install express --no-save

By default with version npm 5.0+ npm install adds the module to the dependencies list in the package.json file; with earlier versions of npm, you must specify the --save option explicitly. Then, afterwards, running npm install in the app directory will automatically install modules in the dependencies list.

Plugins

Empty

Development

Empty

License

MIT

business-website-codepeak2021's People

Contributors

archismankarmakar avatar code-aditya-14 avatar imrushikesh avatar mikrokosmos2109 avatar pushkar2112 avatar re4lvanshsingh avatar realvanshsingh avatar sanath91009 avatar shivarapolu01 avatar shmiitg avatar vviveks avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar

business-website-codepeak2021's Issues

Login and register form not looking great

Description

The font size got reduced in some previous commit and the login and register form is not looking great now. It may also be possible because of using bootstrap. Also due to navbar there is a vertical scroll bar which is not looking great

Screenshot (372)

ReadMe update for backend

Description

The backend folder readme is empty. It should have things on how to start the server, how to connect to mongodb, what things to include in .env file and all other required things.

Navbar component in react app

Description

React files to have a navbar component that will be consistent in all react pages. Moreover the login and signup button should change to a dropdown menu that will contain links for user dashboard and logout when user is logged in

Add issue template

Description

This project does not have an issue template. Create an issue template. The template would look something like this -

Description

Relevant files

Screenshot

References

Frontend development for login and signup page; use React

Description

The frontend for login and signup is very minimal. It would be good if its frontend is improved

After signup / login the user to be redirected to the react page for hotels & resorts and react page for confirm booking

Confirm password field signup page

Description

The signup page should have a confirm password field and users should be able to register only if password and confirm password matches

Add backend to link payment gateway with bookings page

Description

Add backend to link payment gateway with bookings page. For Payment gateway use temporary addresses. Do not put real addresses. Use any random id just to test if it is working.

Caution!!: Before working please check the T&C:

  • I agree that the mentor of this project will not be responsible for any kind of problems, if I provided my personal payment information or credentials in public. This issues are to be worked out only for testing & personal skill development as this is part of the CODEPEAK program under Indian Institute of Technology.

Relevant files

References

map1

Add Pull Request template

The project does not have a PR template.
Should look something like -

Issue

Fixes #(Mention the issue ID here)

Description

Type of change

Screenshot

Checklist

  • The app builds properly
  • Code is commented in difficult to understand areas
  • Code is formatted well

remove Horizontal scroll in weddings.html

Description

The horizontal scrollbar hinders the user's experience, There is a additional gap created between the content of the page and vertical scrollbar due to this , The Horizontal scrollbar must be removed

Relevant files

weddings.html

Screenshot

image

References

Add file reference link here

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.