https://github.com/mivladie/beautyatluxx

Beauty at Luxx is a single page application build for a beauty salon with integrated booking system.
https://github.com/mivladie/beautyatluxx

react react-google-maps sass stripe

Last synced: about 1 month ago
JSON representation

Beauty at Luxx is a single page application build for a beauty salon with integrated booking system.

• Host: GitHub
• URL: https://github.com/mivladie/beautyatluxx
• Owner: MiVladie
• Created: 2020-02-20T09:25:12.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2024-02-18T14:47:01.000Z (11 months ago)
• Last Synced: 2024-02-18T15:41:01.228Z (11 months ago)
• Topics: react, react-google-maps, sass, stripe
• Language: SCSS
• Homepage: https://mivladie.github.io/beautyatluxx/
• Size: 5.39 MB
• Stars: 6
• Watchers: 2
• Forks: 1
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# :cherry_blossom: About

Beauty at Luxx is a single page application build for a beauty salon with integrated booking system.

Website preview:

https://mivladie.github.io/beautyatluxx/

# :memo: Table of Contents

* [:memo: Table of Contents](#memo-table-of-contents)

* [:rocket: Quick Start](#rocket-quick-start)

	* [Step 1: Installing the dependencies](#step-1-installing-the-dependencies)

	* [Step 2: Setting up configurations](#step-2-setting-up-configurations)

	* [Step 3: Launching the server](#step-3-launching-the-server)

* [:desktop_computer: Installation](#desktop_computer-installation)

	* [NodeJS](#nodejs)

* [:keyboard: Available Scripts](#keyboard-available-scripts)

* [:green_book: Learn More](#green_book-learn-more)

	* [ReactJS](#reactjs)

	* [React Google Maps](#react-google-maps)

    * [Stripe](#stripe)

	* [Sass](#sass)

# :rocket: Quick Start

> You must have installed all of the software applications in the [installation](#desktop_computer-installation) section.

Quick start guide to set the server up and running.

## Step 1: Installing the dependencies

### Run `npm install`

Installs all of the necessary dependencies.

## Step 2: Setting up configurations

### Google Maps (optional)

* Open `/src/config/constants.js` file;

* Assign the API key to the `GOOGLE_MAPS_API_KEY` constant;

* Save the file.

### Stripe

* Open `/src/config/constants.js` file;

* Assign the Stripe publishable key to the `STRIPE_PUBLISHABLE_KEY` constant;

* Save the file.

## Step 3: Launching the server

### Run `npm start`

Starts the server in the development mode.

# :desktop_computer: Installation

In order to run the server, you must have installed all of the necessary software listed below.

## NodeJS

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

* [Download](https://nodejs.org/en/)

# :keyboard: Available Scripts

In the project directory, you can run:

### `npm install`

Installs all of the necessary dependencies.

### `npm start`

Runs the app in the development mode on port `:3000`.

### `npm run build`

Builds the app for production to the `/build` folder.

# :green_book: Learn More

References to the packages used in the project.

## ReactJS

React is a JavaScript library for building user interfaces.

* [Getting Started](https://reactjs.org/docs/getting-started.html)

## React Google Maps

`react-google-maps` provides a set of React components wrapping the underlying Google Maps JavaScript API v3 instances.

* [Documentation](https://tomchentw.github.io/react-google-maps/#documentation)

## Stripe

Stripe is a technology company that builds economic infrastructure for the internet.

* [Documentation](https://stripe.com/docs)

## Sass

Sass is a preprocessor scripting language that is interpreted or compiled into CSS.

* [Documentation](https://sass-lang.com/documentation)