/Galleria_Slideshow

This project is still a work in progress. The responsiveness for the details page has not been completed yet, but here's a glimpse of what has been achieved so far and the anticipated features.

Primary LanguageJavaScript

Galleria Slideshow

This project is still a work in progress. The responsiveness for the details page has not been completed yet, but here's a glimpse of what has been achieved so far and the anticipated features.

Preview

Screenshot 2024-04-30 at 05-01-02 Galleria SlideShow Screenshot 2024-04-30 at 05-01-18 Galleria SlideShow Screenshot 2024-04-30 at 05-01-31 Galleria SlideShow

Features

Users will be able to:

  • Navigate the slideshow and view each painting in a lightbox.
  • Experience optimal layout for the app depending on their device's screen size.
  • See hover states for all interactive elements on the page.

Additionally, users can navigate to more detailed pages by clicking on each painting. The detail page will feature buttons for navigating to the next and previous slideshows.

Technologies Used

  • React
  • React Router
  • Tailwind CSS

Installation

  1. Clone the repository: git clone https://github.com/CocoShesh/Galleria_Slideshow.git
  2. Navigate to the project directory: cd Galleria_Slideshow
  3. Install dependencies: npm install
  4. Start the development server: npm start

Contributing

Contributions are welcome! Feel free to open issues or pull requests.