Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/anchaldevbytes/karo-abhayas
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.
https://github.com/anchaldevbytes/karo-abhayas
assignment frontend-internship internshala reactjs state-management tailwindcss
Last synced: 1 day ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/anchaldevbytes/karo-abhayas
- Owner: AnchalDevBytes
- Created: 2023-12-21T12:10:24.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-22T04:28:08.000Z (about 1 year ago)
- Last Synced: 2024-11-10T17:21:33.125Z (about 2 months ago)
- Topics: assignment, frontend-internship, internshala, reactjs, state-management, tailwindcss
- Language: JavaScript
- Homepage: https://karo-abhayas.netlify.app/
- Size: 65.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://karo-abhayas.netlify.app/).
## 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:
```bash
git clone https://github.com/anchalraj31082004/karo-abhayas.git
```
2. Navigate to the project directory:
```bash
cd karo-abhayas
```
2. Install dependencies:
```bash
npm install
```
4. Run the development server:
```bash
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!