♠ PiX & Quotes

PiX&Quotes offers the best wallpapers ready to download or you can make yours with an endless great captions with just a click.

• About
• API Doc
• The purpose of the project (the problem and the solution)
• User journey & UI Design
• Features
• style guide
• How do I get this project on my machine?
• Team Members

If you want to visit our Application Github Pages

♠ API documentation

1. Lorem picsum API

An API gives a random image with every click

You can visit here Lorem Picsum

2. type quotes API

An API offers a list of quotes and great inspiratin phrases.

You can visit here Type quotes

3. Imsea API

An API gives a list of photos according to your search query

You can visit here Imsea

♠ The purpose of this application

The problem

• Many people who like pictures that contain quotes or texts may find it difficult to edit pictures or add texts to them in an appropriate way, or even to choose a good quote and also the problem of finding suitable pictures with high quality.

The solution

• Our application provides the user with endless suggestions of quotes or high-quality images with the possibility of switching between images or quotes and changing them separately.Also downloading them in their original quality or even placing them in the favorites to download them at a later time.

• The user can also use a text or quote of his own.

• The application works on the phone or Desktop and provides images for each device size

♠ User journey

your journy as a user in Pix&Quotes well be so easy and joyfull. From your first step inside the website, which has a wonderful and modern design.

Project wireframes

UI design

You can take a look on the figma design here Figma UI design

User journey

1. Openening the application the user is going to see different categories and a collection of random images that he can scroll through.

2. He should be able to choose any image from the random images that appear in the home-page.

3. Then he shall be referred to another page containing the image he choosed to download it to his device.

4. back to the home page he should be able to choose any category. He is interested in from the home-page to navigate to the category section then to the download.

5. The user also should be able to find a generate icon at the bottom of the home-page that will enable him to generate a random image with a random caption that he can also download to his device.

6. The user can mark any photo he likes with the bookmark button and will be added to his favorites collection of images.

♠ Features

• As a user, you'll be able to download any image as a wallpaper to your phone, tablet or desktop.
• As a user, you'll be able to choose any category in which you choose the wallpaper.
• As a user, you'll be able to generate a random wallpaper with a random image and a random quote on it.
• As a user, you'll be able to download the image with the caption as one photo.
• As a user, you'll be able to change the caption alone if you don't like it.
• As a user, you'll be able to write your own caption.
• As a user, you'll be able to change the image alone if you don't like it.
• As a user, you'll be able to save any combination of images and captions in the favorites section.
• Your favorites will be saved even if you closed the browser.

♠ Style Guide

♠ Programing Languages Used in this Project

Languages and technologies we did use in this project:

1. HTML
2. CSS
3. Js Dom Manipulation
4. fetch APi using JS
5. localStorage

♠ How can I get the project on my local machine?

Just follow these simple steps:

1. On GitHub.com, navigate to the main page of the repository.

2. Above the list of files, click Code.

3. under "Clone with HTTPS", click the copy sign.

4. Open Git Bash anywhere you want on your PC.

5. Type git clone , and then paste the URL you copied earlier.

 $ git clone https://github.com/GSG-CF04/PiX-Quotes.git

6. Press Enter to create your local clone.

♠ Team Members

• Israa Safi
• Seif El-Nuweiri
• Ahmed Hallaq.