Inspiration

According to the data released by CDC, New York City has more confirmed coronavirus cases, at least 224K so far, than any other U.S. cites. And most of people in the NYC share their apartments with others. Once diagnosed with COVID-19, people will desperately need a place to isolate themselves. Prevent infection before it begins and avoid spreading it to others, self-isolation is necessary for COVID-19 patients. Moreover, coronavirus severely destroys their body systems meanwhile casts negative influences on their mental health. Keeping distance from all the people make COVID-19 patients feel stressful, anxious and depressed. Some of them even feel they are excluded from their families and the society. Providing COVID-19 patients with comfortable and affordable accommodations is extremely urgent. In the meantime, finding an efficient communication way for COVID-19 patients to get support and relieve depression is also important.

What it does

The Isolation Together Hotel helps COVID-19 patients to get better isolation experiences. Every Isolation Together Hotel resident will have a personal room with a private bathroom, do not need to share anything with others, and other basic living facilities, like a TV, a freezer and a coffee maker. Besides giving the COVID-19 patients a second home during their isolation time, the Isolation Together Hotel will also provide them online communication platforms to let them talk with other isolation residents easily. With the same illness and the same isolation environment, the Isolation Together Hotel residents are more likely to relate to each other and support each other deeply.

How I built it

During the COVID-19 Global Hackathon 2.0, I applied HTML, CSS and Javascript technology to build the Isolation Together Hotel website. HTML provides the basic structure of this hotel website, CSS is used to control presentation, formatting, and layout of the web, and JavaScript is used to control the behavior of different web elements. By using HTML, I add headings, format paragraphs, control line breaks, make lists, emphasize text, create special characters, insert images, create links and much more. Additionally, I use CSS to assign different properties to HTML tags, either specified to single tags, multiple tags, an entire document, or multiple documents. Lastly, with JavaScript, I modify website content and make it behave in different ways in response to a user's actions, like the booking room form and the contact us form.

Challenges I ran into

The first challenge that I encountered is deciding the web content. From the beginning, I cannot determine what pages the Isolation Together Hotel website needs to contain and what words, pictures and functionality need to be on each of those pages. The second challenge that I ran into is browser compatibility. I really had a hard time to make this hotel website compatible across a range of browser platforms. Later, I learned to plan out an effective browser testing schedule. To test my website for compatibility, I checked it on different browsers, and it works.

Accomplishments that I'm proud of

I really can build something to help people to get through the pandemic.

What I learned

I have gained a deeper understanding of HTML, CSS, Javascript and learn how to create richer, more meaningful webpages with structural tags. I also learned how to add colors and other design elements to take this hotel webpages beyond just black text on a white background, how to use selectors, how the box model defines the spacing and sizing of page elements, and how to style text and manage basic layouts. Lastly, I learned how to manipulate forms and how to use JavaScript time and date functions to create features like clocks.

What's next for Isolation Together Hotel

Need to obtain some real data to analyze the hotel size, the guests amount, the costs and profits. Also need to build a marketing model.

Built With

Share this project:

Updates