- Frontend: React.js
- Backend: Node.js
- Database: MongoDB
- Dockerfiles are written 🐳
npm startfrom route file will launch both frontend and backend 🌐
Upon visiting the website, users are greeted with a selection of available accommodations, each entry showcased with a vivid photo and a short description to quickly convey the essence of each option.
To enhance user experience, the website features a filtering system. Users can refine their search based on key criteria such as price, size, and accommodation type, from luxurious villas to budget-friendly hostels. This customization makes the search more efficient and tailored to individual preferences.
The website also addresses user login. A login button is prominently displayed for guests who haven't signed in, facilitating easy access to their accounts or encouraging new visitors to create one.
Clicking on any accommodation card opens a detailed page for that listing, which includes the following information:
- Name
- Picture(s)
- Price
- Size
- Address
- Description
- Type
Note: If there are several pictures, the user can use carousel.
Upon accessing the platform, users are greeted with a user-friendly login interface, designed to facilitate secure and straightforward access. This interface includes two primary fields: one for the user's email address and another for their password. To proceed, users are required to fill in these fields with their credentials. Successful entry of the correct credentials grants the user access to their account, seamlessly integrating them into the platform's ecosystem.
Allow a user input email and password. Once saved, the corresponding record can be applied to log in to the site.
In addition, if a user is logged, he or she will also see Logout button. My Account section (separate component) should be visible to logged users only.
The user is able to change the current password with a new one. Once submitted, a new password will overwrite the old password in MongoDB.
