Super-Stay is a React-based web application that leverages the Maybelline Makeup API from Mixed Analytics to showcase the complete range of Maybelline products. With the capability to filter products by category, favorite any product, and view detailed descriptions in a popup modal, users can have a seamless experience. Additionally, Super-Stay is designed with responsiveness in mind, ensuring that the application is accessible across various screen sizes and devices.
To run the Super-Stay application locally, follow these steps:
Clone the repository to your local machine:
git clone https://github.com/your-username/super-stay.git
Install the dependencies:
cd super-stay
npm install
Start the development server:
npm start
Open the application in your browser at http://localhost:3000.
Super-Stay is built using the following technologies:
React.js Maybelline Makeup API plain CSS Bootstrap
In addition to implementing the fetch method for retrieving data from a public API, I also incorporated various other client-side functionalities/features, including:
Super-Stay includes the following features:
Users can filter products by category using the buttons on the home page.
Users can add products to their favorites list by clicking the favorite button on the product card.
Users can view a detailed product description by clicking the "Product Dscription" button on the product card. The product description is displayed in a popup modal.
Super-Stay is deployed on Vercel, a cloud platform for serverless deployment. Vercel makes it easy to deploy and manage React applications, with features like automatic scaling, SSL encryption, and continuous deployment.
By deploying the Super-Stay project on Vercel,I was able to make it publicly accessible and shareable with others. You can access the live version of the Super-Stay application at https://super-stay.vercel.app/.
If you would like to contribute to my project, your contribution is highly welcome. Follow these simple steps to get started:
Fork this project by clicking on the "Fork" button on the GitHub repository page. Clone the forked project to your local development environment. Make the desired changes or additions using your preferred IDE or text editor. Commit and push your changes to your forked repository. Create a pull request from your forked repository to the original repository. I will review your changes and provide feedback or merge them if they meet the project's requirements. Conclusion