Cornerstone Med Spa (frontend)

Frontend for my devCodeCamp solo capstone project that was built in a 10 day sprint - A web application for the small business owner of a Med Spa.
Explore the docs »

Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Roadmap
5. Contributing
6. Contact
7. Acknowledgements

About The Project

The idea of this project was inspired by a close family member looking to start this type of business in the near future. This is the React.js frontend utilizing React Hooks and React Router that interacts with a Django REST API backend. It allows the business owner to show who they are and what they provide. It is a place for potential customers to learn about the company, see the services they provide, results/testimonials, subscribe to a membership, schedule an appointment, or contact the company.

Built With

• React.js
• JavaScript
• Django Rest Framework
• Python
• MySQL
• HTML
• CSS
• React-Bootstrap
• React-Toastify
• Axios
• Postman
• Djoser Auth
• EmailJS
• Stripe API

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

• npm

  npm install npm@latest -g

Installation

1. Clone the repo

   git clone https://github.com/Schmidt1519/med-spa-frontend.git

2. Install NPM packages

   npm install bootstrap react-bootstrap react-router-dom react-icons react-hook-form jwt-decode axios emailjs stripe 

Usage

View Demo

Roadmap

• Dropdown filtering on services when booking an appointment
• Date picker to filter dates when booking an appointment
• Owner side of the application for viewing clients, memberships, and appointment times
• Data visualization (Chartjs) on owner side to analyze data such as which services, memberships, days and time slots are most popular

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Contact

Leighton Schmidt | LinkedIn | [email protected]

Frontend: https://github.com/Schmidt1519/med-spa-frontend
Backend: https://github.com/Schmidt1519/med-spa-backend

Acknowledgements

• devCodeCamp instructors
• My family