📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 [Hotels-reservations]

[Hotels-reservations] is a FullStack Group project and here is the frontend service provider for the hotels-reservations App which helps the frontend users to register(sign up) and login (sign in). It also provides API endpoints to read, write, update, and delete data.

• We also built a simple documentation for this project so users can have an idea on how to use the app.

🛠 Built With

Tech Stack

• ReactJs
• Ruby on Rails
• PostgresSQL
• And some other open source ruby gems

Key Features

• [Create new user]
• [Add new room]
• [Delete room]
• [Add reservation]
• [Cancel reservation]
• [Display my reservations list]

(back to top)

🚀 Live Demo

Link to Live Demo

Link to FrontEnd Repo

Link to BackEnd Repo

(back to top)

Kanban Board 📄

• Kanban Board Link

💻 Getting Started

This project was bootstrapped with Create React App.

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project :

1. Make sure you have Git installed in your Computer or Install it by following these steps

Setup

Clone this repository to your desired folder:

1. Download the zip file or
2. clone with this command git clone https://github.com/huzaifakhan0308/full-stack-capstone-front-end.git
3. cd full-stack-capstone-front-end

Usage

In the project directory, you can run following commands:

• cd full-stack-capstone-front-end
  
• npm install
  
• npm start
  
• Open a browser and go to: https://localhost:3000 to view the frontend app.
• The page will reload when you make changes.\
• You may also see any linter errors in the console.

Run tests

For tracking linter errors locally you need to follow these steps:

• For tracking the linter errors in CSS file run:

  npx stylelint "**/*.{css,scss}"

  • And For tracking the linter errors in JavaScript file run:

  npx eslint .

(back to top)

👥 Authors

👤 Aubin SIMPEZE

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

👤 Jitender Kumar

• GitHub: @githubhandle

👤 Mark

• GitHub: @githubhandle

👤 Muhammad Huzaifa khan

• GitHub: @githubhandle

(back to top)

🔭 Future Features

• [More animations]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

🙏 Acknowledgments

• Hat tip to Microvers and all the staff
• Code Reviewers
• Coding Partners

The design has been inspired by: Murat Korkmaz on Behance

(back to top)

📝 License

This project is MIT licensed.

(back to top)