/photo-landing

This is a Landing Page project developed for a professional photographer, using modern technologies such as Tailwind CSS, Next.js, and React. The aim of this Landing Page is to provide a visually appealing and informative presentation of the photographer's work.

Primary LanguageTypeScript


jvmh-typescript jvmh-nextjs jvmh-reactjs jvmh-tailwindcss

Professional Photographer Landing Page Project

layout-photo-landing

Check out: https://photo-landing.vercel.app/

Project Overview

This is a Landing Page project developed for a professional photographer, using modern technologies such as Tailwind CSS, Next.js, and React. The aim of this Landing Page is to provide a visually appealing and informative presentation of the photographer's work. It includes sections to showcase photo galleries, information about the services offered, client testimonials, and a contact form.

Technologies Used

  • Tailwind CSS: CSS framework used for styling, allowing a component-based approach and a faster development experience.
  • Next.js: A React framework that enables server-side rendering, simplified routing, and production optimizations.
  • React: JavaScript library for building interactive user interfaces.

Development Environment Setup

  1. Ensure you have Node.js installed on your machine. You can download it from nodejs.org.
  2. Clone this repository to your local environment:
git clone https://github.com/Honorato-Dev/photo-landing

Navigate to the project directory:

 cd photo-landing

Install project dependencies using npm or yarn:

npm install

How to Run the Project Locally

To start the development server, run the following command in the terminal:

npm run dev

or

yarn dev

This will start the development server at http://localhost:3000. You can view the Landing Page in your browser.

Project Structure

  • /pages: Contains the project's React pages, where each file corresponds to a route of the application.
  • /components: Stores reusable components of the application, such as header, footer, photo gallery, etc.
  • /styles: Contains style files, including global stylesheets and component-specific styles.
  • /public: Public directory where static files, such as images, are stored.

Contributing

If you'd like to contribute to this project, follow these steps:

  • 1 Fork this repository.

  • 2 Create a branch with your feature: git checkout -b my-feature.

  • 3 Commit your changes: git commit -m 'Adding new feature'.

  • 4 Push to the branch: git push origin my-feature.

  • 5 Open a Pull Request in this repository.

Final Notes

This project is a great opportunity to practice web development skills with modern technologies. Feel free to explore and experiment with new features or improvements to the Landing Page.

If you have any questions or suggestions, don't hesitate to open an issue or reach out to the project maintainers.

Thank you for contributing!

Note on Copyright

All photos included in this project are protected by copyright. You are not allowed to copy, reproduce, distribute, or use any of the photos in this project for commercial purposes without explicit permission from the owner of the photos.

This project is intended for educational purposes only. Any use of the photos for purposes other than education is prohibited.

If you would like to use any of the photos for educational purposes, please ensure to properly credit the owner of the photos.

Unauthorized use of the photos included in this project may result in legal action.

Thank you for respecting the rights of the photographers and their work.(https://pixabay.com/)