Merge branch 'master' into feature/add-recipe-app

Projects/Product-Landing-Page.md

@@ -0,0 +1,34 @@
+# Product Landing Page
+
+**Tier:** 1-Beginner
+
+Whenever you have a product (or a service) that you want to sell, you'll want to have a website that will promote that product in the best way possible. You need to make sure that the information on the page is relevant, simple to understand and highlights all the awesome features of the product in order to higher the conversion rate.
+
+Conversion rate - the % of the visitors which purchase the product or service.
+
+## User Stories
+
+These will cover the visual part of the project.
+
+-   [ ] User can see on the page one or more images with the product
+-   [ ] User can see a list with all the features of the product
+-   [ ] User can see how this product will improve the buyers life. Why should he buy it?
+-   [ ] User can see a contact section (a text with the email)
+
+## Bonus features
+
+These will cover the functional part of the project.
+
+-   [ ] User can see a FAQ section
+-   [ ] User can contact the staff members via a contact form
+-   [ ] User can sign up to receive notifications about the product
+-   [ ] User can purchase the product
+
+## Useful links and resources
+
+There are plenty of Product Landing Pages out there. You can use [Dribbble](www.dribbble.com) and [Behance](www.behance.net) for inspiration.
+
+## Example projects
+
+-   [Netlify](https://www.netlify.com/)
+-   [Product Landing Page - Codepen](https://codepen.io/l4ci/pen/LoGjk)

README.md

@@ -41,7 +41,7 @@ required to complete them.
 | ---------------------------------------------------------------------- | --------------------------------------------------------- | ---------- |
 | [Bin2Dec](./Projects/Bin2Dec-App.md)                                   | Binary-to-Decimal number converter                        | 1-Beginner |
 | [Border Radius Previewer](./Projects/Border-Radius-Previewer.md)       | Preview how CSS3 border-radius values affect an element   | 1-Beginner |
-| [🌟Calculator](./Projects/Calculator-App.md)                             | Calculator                                                | 1-Beginner |
+| [🌟Calculator](./Projects/Calculator-App.md)                           | Calculator                                                | 1-Beginner |
 | [Christmas Lights](./Projects/Christmas-Lights-App.md)                 | Simulate a string of Christmas lights                     | 1-Beginner |
 | [Cause Effect App](./Projects/Cause-Effect-App.md)                     | Click list item to display item details                   | 1-Beginner |
 | [Color Cycle](./Projects/Color-Cycle-App.md)                           | Cycle a color value through incremental changes           | 1-Beginner |
@@ -50,7 +50,8 @@ required to complete them.
 | [JSON2CSV App](./Projects/JSON2CSV-App.md)                             | JSON to CSV converter                                     | 1-Beginner |
 | [Lorem Ipsum Generator](./Projects/Lorem-Ipsum-Generator.md)           | Generate lorem ipsum placeholder text                   | 1-Beginner |
 | [Notes App](./Projects/Notes-App.md)                                   | Create and online note pad                                | 1-Beginner |
-| [Pomodoro Clock](./Projects/Pomodoro-Clock.md)                         | Task timer to aid personal productivity              | 1-Beginner |
+| [Pomodoro Clock](./Projects/Pomodoro-Clock.md)                         | Task timer to aid personal productivity                   | 1-Beginner |
+| [:star2: Product Landing Page](./Projects/Product-Landing-Page.md)     | Showcase product details for possible buyers              | 1-Beginner |
 | [Quiz App](./Projects/Quiz-App.md)                                     | Test your knowledge by answering questions                | 1-Beginner |
 | [🌟Recipe App](./Projects/Recipe-App.md)                               | Recipe                                                    | 1-Beginner |
 | [Roman to Decimal Converter](./Projects/Roman-to-Decimal-Converter.md) | Convert Roman to Decimal numbers                    | 1-Beginner |
@@ -76,7 +77,7 @@ required to complete them.
 | [String Art](./Projects/String-Art.md)                             | An animation of moving, colored strings            | 2-Intermediate |
 | [Timezone Slackbot](./Projects/Timezone-Slackbot.md)               | Display Team Timezones                             | 2-Intermediate |
 | [To-Do App](./Projects/To-Do-App.md)                               | Manage personal to-do tasks                        | 2-Intermediate |
-| [🌟Typing Practice](./Projects/Typing-Practice-App.md)                | Typing Practice                                         | 2-Intermediate |
+| [🌟Typing Practice](./Projects/Typing-Practice-App.md)             | Typing Practice                                    | 2-Intermediate |
 
 ### Tier-3: Advanced Projects