https://github.com/stefanelli990/nail-design-ljiljana-medovic

Nail Design is a multi-page website dedicated to highlighting admirable nail art and designs created by the skilled nail technician, Ljiljana Medović.
https://github.com/stefanelli990/nail-design-ljiljana-medovic

beauty-salon framer-motion nail-salon reactjs responsive-web-design tailwindcss vite web-design

Last synced: 3 months ago
JSON representation

Nail Design is a multi-page website dedicated to highlighting admirable nail art and designs created by the skilled nail technician, Ljiljana Medović.

• Host: GitHub
• URL: https://github.com/stefanelli990/nail-design-ljiljana-medovic
• Owner: stefanelli990
• Created: 2024-09-05T16:21:54.000Z (5 months ago)
• Default Branch: master
• Last Pushed: 2024-11-09T17:12:43.000Z (3 months ago)
• Last Synced: 2024-11-09T18:20:14.464Z (3 months ago)
• Topics: beauty-salon, framer-motion, nail-salon, reactjs, responsive-web-design, tailwindcss, vite, web-design
• Language: JavaScript
• Homepage: https://naildesign-ljiljanamedovic.com
• Size: 9.14 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Nail Design Ljiljana Medović

![QR Code Component Screenshot](src/assets/screenshot.png)

## Description:

Welcome to the Nail Design Ljiljana Medović website! This site showcases the services and work offered by her beauty salon, providing a glimpse into the expertise and beauty treatments available.

**[Live Preview](https://naildesign-ljiljanamedovic.com/)**

## Features:

- **Clean and Modern Design**: Aesthetic and contemporary design elements to provide a fresh and professional look.

- **Animations**: Smooth and engaging animations to enhance user experience and interaction.

- **Responsive Design**: The website is fully responsive, ensuring an optimal viewing experience on all devices (desktops, tablets, and mobile phones).

- **SEO Optimized**: Implemented best practices for search engine optimization to enhance visibility.

## Technologies Used:

- **Figma**: For designing and prototyping the website's layouts and visual elements, ensuring a clean and modern design.

- **React.js**: For building dynamic and interactive UI with a component-based architecture.

- **Tailwind CSS**: For styling and creating a responsive design.

- **Vite**: For optimizing website's performance.

## Installation

To run this project locally, follow these steps:

1. Clone the repository.

2. Install the required dependencies using `npm install`.

3. Start the development server with `npm run dev`.

4. Open your browser and navigate to `http://localhost:5173` to use the app.