Skip to content

nanthakumar-m/food_cart-react

Repository files navigation

🍔 Food Cart – React

The Food Cart App is a simple and visually appealing React application that displays a list of food items with their images, prices, and names. Each item is shown in a card format, making it ideal for beginners to understand layout design and component structuring in React.

This project was built to practice building reusable React components, displaying dynamic data from arrays, and improving layout styling using CSS with React.

🔗👉 click here to see the live demo--> https://nanthakumar-m.github.io/food_cart-react/

⚙️ Technologies Used

  • HTML5
  • CSS3
  • React
  • Vite (Build tool)

💡Core Features

✅ Displays a list of food items with name, image, and price

✅ Structured using reusable card components

✅ Image assets organized and loaded properly with Vite

✅ Clean, responsive design with a grid layout

🎯 What I Gained / Concepts Practiced

✅ Improved understanding of component-based UI development

✅ Learned how to pass data via props and render using .map()

✅ Gained experience in properly handling image assets in React projects

📸 Screenshots

image

image

image

image

About

A simple food cart UI built with React and Vite. Displays food items with images, names, and prices in a clean card layout.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published