SpartanHotels
Hotel search web application. MySQL+Express+React+Node stack. Integrated Google Map, Places, Geocode API, and Stripe Payment API for better user experience. <Demo deployed online: Heroku free -> take time to load at first>
Install / Use
/learn @jeongookmoon/SpartanHotelsREADME
Spartan-Hotels
CMPE 165 Project
Running on Heroku Server
https://spartanhotels.herokuapp.com/
MERN STACK
1. MySQL(JAWSDB on Heroku) - user, booking, hotel, room, reward, images, transactions
2. Express - Backend framework
3. React - Frontend library - component based design - communication with backend over AJAX/Axios
4. Node - Backend JS env - handles API calls and manage DB
Features
1. Register - Input and DB Validation

2. Search - Autocomplete (via Google Places API) and Filter

3. Search Result - Map Navigation (with Google Maps API), Filter, Sort

4. Payment - Integrated with Stripe API

5. Booking History - Modify/Cancel booking - DB update

Local Setup
Client
- Inside /client,
npm installto install dependencies and create ".env" file containing the following (replace YOUR_KEY) REACT_APP_AUTOCOMPLETE_URL=https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&libraries=placesnpm startto start react on port 3000- http://localhost:3000/ should automatically open up Any changes in /client should automatically reloaded in browser
Server
Inside /server,
npm install to install dependencies
npm start to start react on port 3001
To view express server in browser, open http://localhost:3001/
Postman test
The post request already saved in Spartan Hotels folder called Reservation, Reservation/cancellation, and Reservation/modify
Related Skills
bluebubbles
340.5kUse when you need to send or manage iMessages via BlueBubbles (recommended iMessage integration). Calls go through the generic message tool with channel="bluebubbles".
slack
340.5kUse when you need to control Slack from OpenClaw via the slack tool, including reacting to messages or pinning/unpinning items in Slack channels or DMs.
tmux
340.5kRemote-control tmux sessions for interactive CLIs by sending keystrokes and scraping pane output.
frontend-design
84.2kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
