Nails Art Studio

Please read the docs to see all hidden features!
Explore »

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. License
5. Contact

About The Project

This project is build as an exercise on what I have learned about React, but it will also serve it's real purpose being promo website.

Built With

The app is build using ReactJS 18 and Firebase 9

Getting Started

Live demo: https://natalia-nails.netlify.app

For local installation please keep in mind that this app uses Firebase 9, therefore you will need to setup your own Firebase app as a back-end.

Prerequisites

Make sure you have npm installed on your machine.

• npm

  npm install npm@latest -g

Installation

1. Clone the repo

   git clone https://github.com/Digital-Human-BK/Nails-Art.git

2. Install NPM packages

   npm install

3. Setup your Firebase in firebase-config.js file

   const firebaseConfig = {
     apiKey: YOUR_FIREBASE_KEY_HERE,
     authDomain: YOUR_FIREBASE_KEY_HERE,
     projectId: YOUR_FIREBASE_KEY_HERE,
     storageBucket: YOUR_FIREBASE_KEY_HERE,
     messagingSenderId: YOUR_FIREBASE_KEY_HERE,
     appId: YOUR_FIREBASE_KEY_HERE,
     measurementId: YOUR_FIREBASE_KEY_HERE,
   };

4. Run start command and open the app at http://localhost:3000

   npm start

(back to top)

Usage

This Web App consits of two main parts:

1. Public, which has a promotional/representational purpose. This part of the app is what the consumer sees. There are only 2 pages that can be visited - Landing/Home page and Catalog Page.
   
   
   
2. Private, accessible only by admins, who can add, update, delete content such as prices, descriptions, services, catalog, images, etc.
   To access the admin panel it's required manual navigation to https://natalia-nails.netlify.app/admin. Successfully logged in users will be able to see and use admin panel.
   
   
   If unauthorized user manages to log-in and access the admin panel and then tries to change, delete or add new data, Firebase will reject the request and an Unauthorized pop-up will appear.
   Test account: mike@gmail.com
   Password: 111111
   

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Biser Karazhov - Linked In

Email me: biser.karadzhov@gmail.com

(back to top)