Online Makeup store (BeautyBeat)

Plan for the Online Makeup Store

The BeautyBeat online makeup store will be a web application that allows users to browse and purchase products from various categories such as eyes Website:

The online makeup store will be a website that allows customers to browse and purchase products from various categories such as eyeshadow, lipstick.

Must Have

1. Welcome page with navbar, button to go to products.
2. Products page that displays all available products in a grid format (with images, product names, Prices and a button 'Add to cart').
3. Categories section will have aside navigation bar that lists all categories (e.g., skin care, eye care).
4. Single Product Page will contain detailed information about a single product including images, price, description, counter and button.
5. Cart/Checkout Page - displays a list of all items in cart and allows user to remove an item or checkout.
6. Brand Name.
7. Good styling.

---

Features

• user-friendly: The website has a user-friendly interface that allows users to easily navigate through different pages.
• Responsive: The website should be fully responsive on both desktop and mobile devices.
• Browse all products:The user can view all available products.

  This feature allows users to browse through a wide range of makeup products and select those that interest them.

• Categories: Users can easily browse and filter products by different categories (eyeshadow, lipstick etc.). Each category will display a list of all available products in that category.
• Single product-page: Each product has a description, price and an image of the item.
• Users can add or remove items from their shopping cart.
• Shopping cart: Once they've added to the cart, each item will display in the "Your Cart" section at the top right corner with its quantity.
• Checkout: The Total cost is displayed below the shopping cart showing the sum of all added items' prices.

Getting Started

1. To get started you need to clone this repository into your local machine by running the following command in your terminal:

git  clone git@github.com:mariamisaeva/React-Project.git

2. In order to run this project you need to install node.js and npm.

3. To start developing you need to install dependencies by running the following command in your terminal:

npm install

4. Then you can use

create-react-app

5. Open http://localhost:3000 or run the following command to see the app at work!

npm start

Technologies

• ReactJS.

• JavaScript(ES6).

• API.

• Axios.

• The used API: https://makeup-api.herokuapp.com/. This is a RESTful API built using Node.js and Express.

---

Screenshots

---

Live demo : https://beautybeat.netlify.app/