DEPLOY:
https://graciela-photography.vercel.app
Graciela's photography is a responsive website for a professional photographer. The site comprises the following sections:
- Home
A hero slider with 6 slides gives users a preview and demonstration of the main content available on the page.
- Works
This section presents a comprehensive collection of photo galleries, including Personal Sessions, Fitness, Animals, Pre-weddings, Weddings, Pregnant, Babies, Exterior, and Dance.
When users click on any photo within a collection, it opens in a Lightbox view with the following functionalities:
• Display of the current photo number.
• Total count of photos in the collection.
• Showcase of the 5 nearby photos, facilitating easy navigation.
• Zoom in/out options for image size adjustment.
• Automatic playback for dynamic photo viewing.
• Full-screen mode.
- About Me
Explore Graciela's portfolio, which features a brief personal description, her background, the services she offers and a component guiding users to explore the Works section.
- Why choose us?
This section is dedicated to persuading potential customers. It includes details about the services offered, real customer reviews/testimonials, and once again, a component guiding users to the Works section.
- FAQ
This section compiles commonly asked questions and their corresponding answers, aiming to streamline and simplify interactions for the photographer.
If clients still have additional questions, a Contact form is available at the end of the section.
- Contact
A contact form is provided for direct communication with the client. Additionally, the photographer's contact information and a map with the location are included.
- Theme Switch (Light/Dark)
The navbar features an icon allowing users to switch between light and dark themes on the page.
Before running this application, make sure you have the following dependencies installed:
- Node.js: Download and install Node.js
- Git: Download and install Git
Once you have installed the dependencies, follow these steps to configure it:
-
Clone the repository:
git clone https://github.com/KevinVanDerSchans/gracielaPhotography.git -
Navigate to the project directory:
cd gracielaPhotography.git -
Install dependencies:
npm install -
Start a development server:
npm run dev
If you want to contribute to this project, follow these steps:
-
Perform a fork to the repository.
-
Create a branch for your feature or bugfix:
git checkout -b feature/your-feature-name -
Make the necessary changes and commits:
git commit -m 'Add some feature' -
Push to branch:
git push origin feature/your-feature-name -
Send a pull request to the original repository.
 Kevin Schans |
|---|