Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
21 changes: 13 additions & 8 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,14 @@

<div class="READMEstyling" align="center">


![App logo](./public/img/ImageBox_logo.svg)

# PictoSplash
An image search engine platform created in React. Uses the Unsplash API to search for pictures.
</div>

# ImageBox

An image search engine web app created in React. Uses the Unsplash API to search for pictures and React for its Front End framework.

## App Screenshot

Expand All @@ -12,7 +18,6 @@ An image search engine platform created in React. Uses the Unsplash API to searc
- [Resources used](#resources-used)
- [Testing tools used for the app](#testing-tools-used-for-the-app)
- [Running automated tests](#running-automated-tests)
- [Project resources](#project-resources)
- [Completed tasks](#completed-tasks)
- [Future app tasks](#future-app-tasks)

Expand Down Expand Up @@ -45,15 +50,15 @@ An image search engine platform created in React. Uses the Unsplash API to searc
- ```npm run litereport``` to run local Lighthouse tests
- ```npm run fullaudits``` to update local components and review if any packages are outdated

### Completed app tasks:
### Completed tasks:

- [x] Update UI design for app
- [x] Complete Unsplash picture API intergration
- [x] Make all UI components align responsively to any device (Desktop, smart phones, tablets)

### Future app tasks:

- [ ] Add a preloader svg to the search engine app
- [ ] Make all UI elements inside the app act responsively to any device (Desktop, smart phones, tablets)
- [ ] Add a 404 error / search results not found page
- [ ] Increase current app's API request limit per hour from 50 hits to 5,000 hits
- [ ] Make the app fully responsive on all platforms and devices. App currently supports only desktop view
- [ ] Add a spinning circle preloader svg to the search engine app while searching for images
- [ ] Add a 404 error page and a "image not found" search query results page or display element
- [ ] Increase current app's API request limit per hour from 50 hits to 5,000 hits per hour
36 changes: 22 additions & 14 deletions docs/BUG_REPORT.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,32 +2,40 @@

<!--Create a report to help us improve ''-->

**Describe the bug**
## Describe the bug

<!--A clear and concise description of what the bug is.-->

**To Reproduce**
## To Reproduce

<!--Steps to reproduce the behavior:-->

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

**Expected behavior**
### Expected behavior

<!--A clear and concise description of what you expected to happen.-->

**Screenshots**
### Screenshots

<!--If applicable, add screenshots to help explain your problem.-->

**Desktop (please complete the following information):**
- OS: [<!--e.g. iOS-->]
- Browser [<!--e.g. chrome, safari-->]
- Version [<!--e.g. 22-->]
### Desktop (please complete the following information):

- OS: [<!--e.g. iOS-->]
- Browser [<!--e.g. Chrome, Safari-->]
- Version [<!--e.g. 22-->]

### Smartphone (please complete the following information):

- Device: [<!--e.g. iPhone 14-->]
- OS: [<!--e.g. iOS 16.1-->]
- Browser [<!--e.g. Firefox browser, Safari-->]
- Version [<!--e.g. 22-->]

**Smartphone (please complete the following information):**
- Device: [<!--e.g. iPhone6-->]
- OS: [<!--e.g. iOS 8.1-->]
- Browser [<!--e.g. stock browser, safari-->]
- Version [<!--e.g. 22-->]
### Additional context

**Additional context**
<!--Add any other context about the problem here.-->
13 changes: 8 additions & 5 deletions docs/FEATURE_REQUEST.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,17 @@

Suggest an idea for this project

**Is your feature request related to a problem? Please describe.**
A clear and concise description of what the problem is. Ex. *"When running this feature, the app behaves oddly [...]"*
## Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is.
<!--
Ex. _"When running this feature, the app behaves oddly [...]"_
-->

**Describe the solution you'd like**
## Describe the solution you'd like
A clear and concise description of what you want to happen.

**Describe alternatives you've considered**
## Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

**Additional context**
### Additional context
Add any other context or screenshots about the feature request here.
42 changes: 0 additions & 42 deletions docs/ISSUES_TEMPLATES.md

This file was deleted.

14 changes: 7 additions & 7 deletions docs/PULL_REQUEST_TEMPLATE.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,23 +4,23 @@
-
-

----------------------------------------------------------------


# Type of PR

* New feature
* Code cleaning
* New documentation
* Bug fix (Major, Medium, Minor)
- New feature
- Code cleaning
- New documentation
- Bug fix (Major, Medium, Minor)
- Tests (Manual and automatic)

----------------------------------------------------------------

## PR description

- [] Recent PR does not interfere with app functionality
- [] Recent PR does not fail any tests

----------------------------------------------------------------


<!---
Example:
Expand Down
39 changes: 39 additions & 0 deletions docs/issues_template.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
# List of changes made:

-
-
-

# Type of Issue:

- New feature request
- Bug report-Major
- Bug report-Medium
- Bug report-Small


# Recent issue description




# Possible solution:




# Step by step guide for recent PR:

1.
2.
3.


# Context of current issue:




# Your current work environment:


Loading