Glam It Up website is built with real live data from the Make up API.

Last update: Jun 7, 2022

Related tags

Overview

Glam It Up

Glam It Up website is built with real live data from the Make up API. The application displays a variety of beauty products such as lipsticks, bronzers, foundation among many other products. You can select any product type that is available and check it's description, price and name.

Live Link

Loom Video

Additional description about the project and its features.

Built With

Major languages (HTML, CSS, JavaScript)

Frameworks / Libraries

- React (Front end library)
- React Testing Library
- Jest(for testing)
- Git(version control)
- ESLint(JavaScript linting)
- Stylelint(style linting)

Technologies used
```
- Git(version control)
```

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

A text editor(preferably Visual Studio Code)

Install

Git
Node

Usage

Clone this repository

$ https://github.com/iLynette/glam_it_up.git
$ cd glam_it_up

Run project

$ npm install
$ npm start

Author

👤 Lynette Aluoch Acholah

GitHub: @iLynette
Twitter: @acholah_lynette
LinkedIn: lynette-acholah

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

Special thank you to Nelson Sakwa for providing this awesome design.

📝 License

This project is MIT licensed.

Comments

Final review
Hello Reviewer 👋🏾 , In this project I implemented the following;

[ ] Select the Makeup API.

[ ] Built files structure for my React app.

[ ] Prepared routes and navigation in my app.

[ ] Make sure that a user can display a list of items and filter them. Data should come from the API.

[ ] Created the tests for the application.

[ ] Styled my components to match the design provided.

[ ] Deployed the project and tested for final details.

[ ] Recorded a video for my project.

[ ] Created a good README.

Thank you for your review ☺️
opened by iLynette 1
Unit tests
In this milestone I implemented the following;

[ ] Add tests for the home page.

[ ] Add tests for the details page.

[ ] Add reducer test.

[ ] Add UI test.

[ ] Add a bit of styling to the project

[ ] Edit my README.md file

[ ] Fix linter errors.
opened by iLynette 1
Finish project
In this milestone I achieved the following;

[ ] Changed the outlook of the navigation bar.

[ ] Filtered products by product_type

[ ] Fixed all linter errors.
opened by iLynette 0
Setup
In this milestone i;

[ ] Set up CRA

[ ] Removed the boiler plate code and added the home and details pages.

[ ] Fixed linter errors

[ ] Added basic styles for the navigation bar.
opened by iLynette 0
Project Review: 2022-08-24

Hi Lynette!

I'm here to give feedback on your project and practice understanding other people's code. I'm trying to review one project daily to maintain my feedback skills.

I liked your topic about makeup, this is the first time I'm seeing this API, and I think it was a great choice from you. Also, it's nice that you implemented the select element on the home page where we can select from makeup types. Your code is understandable, but to make a comment on something, I would point out the store. The createStore() is deprecated and the configureStore() is recommended.

https://github.com/iLynette/glam_it_up/blob/483b1bbb5643b7248e84739b24eff088da42ef3f/src/redux/configStore.js#L10

You could write something like this:

const store = configureStore({reducer: productReducer})

And the middleware automatically comes with the configureStore() method. The current code does not affect the logic of your project but this is just a recommendation (even me, I need to practice these best practices for Redux).

So overall, you did really well with the project, it was nice reviewing it, and keep up the great work that you are doing! 👍🏻

opened by virag-ky 1

Glam It Up website is built with real live data from the Make up API.

Related tags

Overview

Glam It Up

Built With

Getting Started

Prerequisites

Install

Usage

Clone this repository

Run project

Author

Show your support

Acknowledgments

📝 License

Comments

Final review

Unit tests

Finish project

Setup

Project Review: 2022-08-24

Owner

Lynette Acholah

Space Traveller hub is a web application that works with the real live data from the SpaceX API

Juka Official Website built on top of Docusaurus/React Framework. Help us make it better!

Real-time covid data in Brazil states.

Chat Loop is a highly scalable, low-cost, and high performant chat application built on AWS and React leveraging GraphQL subscriptions for real-time communication.

Math Magicians is a website for performing basic maths calculations, This website is built using REACT and JavaScript libraries.

The Bookstore is a website similar to the "Awesome Books" website built in the previous module. You will create an MVP version of it that allows you to: Display a list of books. Add a book. Remove a selected book.

Edvora App is a web application based on an external API, showing data about different types of products and the user can filter these data by choosing a specific state, city or product name. Build with React.js

This compress library was made with Brotli and Gzip help, for React users who want to make website more performance and reduce JS bundle code

Math Magicians! This is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make basic calculations and read a random math-related quote.

"Math magician is a website for all fans of mathematics. It is a Single Page Application(SPA) that allows users to make simple math calculations and read some math related quotes."

Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations. Read a random math-related quote.

"Math magicians" is a website for all fans of mathematics. You can Make simple calculations and Read a random math-related quote.

This is the Full Stack Application that we're building as a part of Praveen's Live Stream.

Webrtc, & web socket based streaming live video streaming and chatting platform. Written in Node, Typescript, and Javascript!

Add multiplayer presence (live cursors/avatars) to your react application using yjs and hooks

A style export tool that live edits and exports code ready to copy / paste

Tweak React components in real time. (Deprecated: use Fast Refresh instead.)

Application that show the survey results for backend frameworks to the user in real time.

Real state property listing app using next.js , chakra.ui, SCSS