Coder Social home page Coder Social logo

hotel-reservation's Introduction

Hey there i'm Maen Al-Khraisha

A passionate Full-stack Web Developer.

languages and tools:

Portfolio

Roby Rails JavaScript Python

React Redux Tailwindcss Bootstrap Webpack

TDD SOLID Clean Code GitFlow Remote Teamwork



Anurag's GitHub stats

Top Langs

Contact me:
linkedin profile twitter profile

hotel-reservation's People

Contributors

kwekubright avatar maenkhraisha avatar sahar-se avatar udeaghad avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Forkers

sahar-se

hotel-reservation's Issues

[4pt] reserve an appointment

To reserve an appointment, the user has to select a date and city (username and selected item are autofilled).
Use the design based on the "Book a vespa test-ride" and add all necessary inputs.
The user can also access the "Reserve" page from the navigation panel. In that case only username is autofilled.

[4pt] Add new item

When the user clicks the "Add item" link in the navigation panel they can see a form for adding a new item.

[4pt] Delete item

When the user clicks the "Delete item" link in the navigation panel they can see a list of all items with title and "Delete" button.
When the user clicks the "Delete" button, the selected item is marked as removed and does not show on the main list anymore.

[4pt] My reservations

When the user clicks the "My reservations" link in the navigation panel they can see a list of their reservations (with information about item name, date and city).

[4pt] navigation panel

In the navigation panel, the user can see links to:

  1. Hotel that you selected as a theme.
  2. "Reserve" form.
  3. "My reservations".
  4. "Add the hotel you selected as a theme" (the link is visible to everybody).
  5. "Delete the hotel you selected as a theme" (the link is visible to everybody).

[4pt] Responsive

Make the app responsive, creating both mobile and desktop versions.

[4pt] Details page

When the user selects a specific item, they can see the details page with its full description (skip the "Rotate image" button).

In the details page, the user can click the "Reserve" button (in the design you can see the "Configure" button - please replace it with the "Reserve" button).

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.