gilberthappi / gallery.taskforce

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Prerequisites
  • Setup
  • Install
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 GALLERY TASKFORCE

GALLERY TASKFORCE In this project,The Gallery project showcases a collection of images, allowing users to view and interact with them. The project might include features such as image thumbnails, image zoom or full-screen view, and navigation between images..

🛠 Built With

This project was built with

• HTML, CSS, Javascript
• vite

Key Features

Key Features

• Responsive Design

The interactive photo gallery should adapt seamlessly ✓

• Figma Design Accuracy

Match the provided Figma designs pixel-perfectly, including layout, spacing, typography, and visual styles ✓

• Hover Interaction

Implement the hover interaction as shown in the Figma prototype, displaying additional details when a user hovers over a photo ✓

• Cross-browser Compatibility

Ensure consistent performance across modern web browsers, such as Chrome, Firefox, Safari, and Edge ✓

• Code Quality

Write clean, readable, and well-structured code, following best practices and coding conventions for HTML, CSS, and JavaScript ✓

Challenge Solutions:

• Subarray Sum Challenge:

The solution uses a sliding window technique to find a contiguous subarray that sums up to a given target. This approach ensures an O(n) time complexity and O(1) space complexity, making it efficient for large inputs. Edge cases, such as an array with negative numbers or a target that cannot be achieved, are handled gracefully by the algorithm.

• String Transformation Challenge:

The solution checks the divisibility of the string length by 3, 5, and 15 to determine the appropriate transformation. The operations of reversing the string and replacing characters with their ASCII codes are performed efficiently using built-in JavaScript methods. The solution ensures that all specified cases are handled correctly, and the implementation adheres to the expected time and space complexities.

(back to top)

🚀 Live Demo

Live Demo

https://gilberthappi.github.io/gallery.taskforce/

💻 Getting Started

To launch the project locally:

Step 1:

To get a local copy up and running follow these simple steps.

1. Clone the repo

   git clone https://github.com/gilberthappi/gallery.taskforce.git

2. Goto project directory

   cd Event-management

3. Go TO Text editor

Step 2:

Install

• If you are familiar with git, Run npm install to get all dependecies required to run the linters checks, otherwise use the downloaded project on your computer without testing files

Step 3:

Run start

Run thes command bellow inside your git bash or command line interface.. -Run npm run dev

(back to top)

👥 Authors

👤 Eng Gilbert Happi

• GitHub: @githubhandle
• Twitter: @twitterhandle
• Linkedin: @linkedin

(back to top)

🔭 Future Features

• Add Night/Day mode
• Newsletter Email
• Navigation Controls

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

🙏 Acknowledgments

• To you Reviewer and Corrector

(back to top)

📝 License

This project is MIT licensed.

(back to top)

gallery.taskforce's Issues

OPEN FOR DISCUSSION