An open API service indexing awesome lists of open source software.

https://github.com/cre8stevedev/salonix-mobile-app

A Salon Booking/Appointment Mobile App built using Expo Framework (React Native). The Backend of the application can be found in the Salonix-backend repository. Have fun reading through.
https://github.com/cre8stevedev/salonix-mobile-app

Last synced: 10 months ago
JSON representation

A Salon Booking/Appointment Mobile App built using Expo Framework (React Native). The Backend of the application can be found in the Salonix-backend repository. Have fun reading through.

Awesome Lists containing this project

README

          

# Salonix - Mobile App

I am building Solanix as a full-feature personal challenge project to improve my skills and knowledge as a MERN Stack Developer transitioning from the Web to building Cross-platform Native applications.

I'm equally using these Mobile App projects to solidify my skills in Design (coming from print and marketing design, venturing into UI/UX Design has been exciting and I'm enjoying it - this is a custom design, as seen below. Might update it more - or not, hehe).

![Figma Design of Salonix - Designed by Me](image.png)

## Checkout the Video Demo

## Features

- User-friendly interface for browsing and booking salon services ✅
- Real-time availability of service slots ✅
- Secure payment integration using Paystack ✅
- Scrollable Calendar UI for easy date selection ✅
- Push notifications for appointment reminders (TODO)
- User profile management (TODO)
- Booking history and status tracking (...partly done)

## AUTHOR

- Stephen Omoregie
-
- Twitter: [@Cre8steveDev](https://twitter.com/Cre8steveDev)
- LinkedIn:
- Portfolio: [Visit my Portfolio](https://cre8stevedev.me/)
- Available for Work: _YES_

## Technologies Used

- React Native with Expo framework
- TypeScript for type-safe development
- Redux for global state management
- Redux Persist and react-native-async-storage for local state persistence
- Expo-image for optimized remote image loading
- Axios for API communication
- Custom React Native calendar component
- Paystack payment integration (react-native-paystack-webview)
- react-native-root-toast for user notifications
- Expo-file-system and Expo-sharing for file operations

## Productivity Tools and Research

- React Native and Expo Code Snippets (VSCode Extension by Cre8steve)
- Visual Studio Code
- Expo Documentation

## Installation Guide

Clone the repository:

```bash
git clone https://github.com/Cre8steveDev/Salonix-Mobile-App.git
```

Navigate to project directory:

```bash
cd Salonix-Mobile-App
```

Install Project Dependencies

```bash
npm install
```

Update the backend-server url in the @constants/API.ts file

```javascript
const BASE_URL = '................';
```

Start the Expo Development Server

```bash
npx expo start
```

Use the Expo Go app on your mobile device or an emulator to run the application.

## Wanna try your hands on the project?

Get the Codebase for the backend (You can extend it and add more features):

```bash
git clone https://github.com/Cre8steveDev/salonix-backend.git
```

Get the design here:

## Errrrm..... more details coming, I guess