React
JavaScript
CSS
Bootstrap
Figma
Visual Studio Code

Montclaire Farm Fruit Online Store

Fresh Picks: A single-page React app for an online organic fruit stand.

Objective

Develop a portal for an organic fruit company, enabling them to present and edit their inventory seamlessly online, ensuring the data is live and the user interface is intuitive.

Design

Designed a data model to reflect the organic nature of the products, incorporating fields tailored to fruit items. Utilized Figma for visual mockups to create a vibrant and engaging user interface.

Development

Structured the application with a React frontend, creating a harmonious flow between the home, about, and product pages. Integrated JSON-Server to simulate a live backend with CRUD capabilities for item management.

Challenges

Encountered complexity in building the delete functionality within CRUD operations. Initial attempts to remove items from the list were not reflected instantaneously in the UI.

Breakthroughs

I resolved the deletion rendering issue by binding the delete function within the component. This ensured state changes were correctly propagated, leading to the immediate disappearance of items from the view.

Outcome

Successfully launched a functional React application for the organic fruit company, delivering a fresh, intuitive online inventory management platform.