https://github.com/mramirid/staycation

A web app for finding hotels, houses, and apartments near tourist attractions
https://github.com/mramirid/staycation

buildwithangga bwamern mern-stack travel-app

Last synced: about 1 month ago
JSON representation

A web app for finding hotels, houses, and apartments near tourist attractions

• Host: GitHub
• URL: https://github.com/mramirid/staycation
• Owner: mramirid
• License: cc0-1.0
• Created: 2022-08-19T08:42:21.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-01-23T07:12:33.000Z (about 2 years ago)
• Last Synced: 2023-05-12T05:22:51.723Z (almost 2 years ago)
• Topics: buildwithangga, bwamern, mern-stack, travel-app
• Language: TypeScript
• Homepage:
• Size: 36.9 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Staycation

A web app for finding hotels, houses, and apartments near tourist attractions.

> A course project from [BWA Full-Stack JavaScript Developer: Website Travel](https://www.buildwithangga.com/kelas/full-stack-javascript-developer-website-travel) with massive customizations.

## How to Run

### Initial Run

Run the following command to populate the database with some initial documents; to populate the public images directory with some initial images; and to run all services.

```bash

docker compose --profile initial-run up -d --build

```

### Run

Just run all services without data seeding.

```bash

docker compose --profile run up -d

```

### Running Ports

| Service | Port  |

| ------- | ----- |

| Client  | 8080  |

| CMS     | 3000  |

| MongoDB | 27017 |

## The User Interface Design

See [Staycation Website UI Design](https://www.figma.com/file/WUxx1tjQ7r5MVrMDBO7suP/Staycation-Website?node-id=0%3A1).

## The Client Service



## The CMS Service

### Admin Dashboard

The admin functionality is supported by a dashboard; rendered by the server using EJS templating engine.

### RESTful API Documentation

See [Client API Documentation](https://documenter.getpostman.com/view/9718150/2s83meoPYL).

## Techstack

Fullstack TypeScript MERN:

- [TypeScript](https://www.typescriptlang.org/) - a strongly typed programming language that builds on JavaScript.

- [React.js](https://reactjs.org/) - a JavaScript library for building user interfaces.

- [TailwindCSS](https://tailwindcss.com/) - a utility-first CSS framework packed with classes like `flex`, `pt-4`, `text-center`, etc., that can be composed to build any design, directly in the markup.

- [daisyUI](https://daisyui.com/) - the most popular, free and open-source Tailwind CSS component library.

- [MongoDB](https://www.mongodb.com/docs/) - a NoSQL database management application.

- [Node.js](https://nodejs.org/) - a JavaScript runtime built on Chrome's V8 JavaScript engine.

- [Express.js](https://expressjs.com/) - a fast, unopinionated, and minimalist web framework for Node.js.

- [EJS](https://ejs.co/) - a simple templating language for generating HTML markup with plain JavaScript.

- [SB Admin 2](https://github.com/startbootstrap/startbootstrap-sb-admin-2) - a free Bootstrap 4 admin dashboard theme built with HTML/CSS.

- [Docker](https://www.docker.com/) - an open platform for developing, shipping, and running applications.