Jane's MakeUp App

A simple web app uses a fetch api on this end point (https://makeup-api.herokuapp.com/api/v1/products.json) to fetch various lists of products and then display on the main page.

Live Site : http://janes_makeup.surge.sh

Table of contents

• General info
• Screenshots
• Technologies
• Setup
• Features
• Status
• Inspiration
• Contact

General info

This MakeUp App is made to consume an makeup site API basically. Addition elements added to the site is Responsive Design(Mobile-First).

Screenshots

No provided currently.

Technologies

• HTML5
• VanillaJS
• CSS
• Font Awesome 4.7.0

Setup

1. git clone https://github.com/KenjxJJ/MakeUp-App.git
2. cd MakeUp-App
3. http-server -p 8080 NB: Http-server should installed using npm on your local machine globally.

Code Examples

None.

Features

• Calls product lists from the a particular MakeUp API
• Displays the lists with some few details per product.
• Responsive site with navicon( Hamburger).
• More pages- About and Services pages
• IntersectionObersever API to control network requests

To-do list

• None so far

Status

Project is: done.

Inspiration

Google Developers - using Fetch API, W3Schools- Responsive Navicon, Lazy Load using Intersection API- Smashing Magazine.

Contact

Created by @KenjxJJ - free free to contact me!