Skip to content

this is the ecommerce app which is using a fakeStoreapi, to immitate the state maangement used in add to cart pages. and this was the assignment given by Internshala.

Notifications You must be signed in to change notification settings

AnchalDevBytes/karo-abhayas

Repository files navigation

Internshala Assignment - KaroAbhyas Landing Page

Overview

This project is an implementation of an ecommerce landing page, developed as part of the Internshala assignment. The assignment required building a responsive web application with minimum two functional screens: the product page and the cart page. The other screens are dummy placeholders for future development.

Project Details

  • Product Page: Displays a list of products fetched from a mock API. Users can view product details and add items to their cart.

  • Cart Page: Shows the selected items, their quantities, and allows users to proceed with the checkout process.

  • Dummy Screens: The remaining screens are placeholders for additional features and sections, indicating areas for future development.

Project Link

The project is deployed on Netlify. You can access it Live Netlify Karo-Abhayas.

Features

  1. Responsive Design: The application is designed to be responsive, ensuring a seamless user experience across various devices.

  2. Product Listing: The product page displays a list of products with details, allowing users to explore available items.

  3. Shopping Cart: Users can add products to their cart, view the cart, and proceed to checkout.

  4. Placeholder Screens: Additional screens are included as placeholders for potential future development.

Deadline and Submission

The assignment had a deadline of December 22, 2023. The project has been completed and submitted today on December 21, 2023.

Technologies Used

  • React.js
  • HTML5
  • CSS3 (with Tailwind CSS)
  • Netlify for deployment

Installation

To run the project locally, follow these steps:

  1. Clone the repository:
    git clone https://github.com/anchalraj31082004/karo-abhayas.git
  1. Navigate to the project directory:
    cd karo-abhayas
  1. Install dependencies:
    npm install
  1. Run the development server:
    npm run dev

Open your browser and visit http://localhost:3000.

How to Use

  • Explore the product page to view available items.

  • Add products to your cart.

  • Navigate to the cart page to review your selected items.

Feedback and Improvements

Feedback on the project is welcome. If you have any suggestions or encounter issues, feel free to open an issue on the GitHub repository. Acknowledgments

Special thanks to Internshala for providing this assignment opportunity.

Thank you for exploring the ecommerce landing page!

About

this is the ecommerce app which is using a fakeStoreapi, to immitate the state maangement used in add to cart pages. and this was the assignment given by Internshala.

Topics

Resources

Stars

Watchers

Forks