https://github.com/sweep76/11_ecommerce-web

Modern Complete and Responsive Ecommerce Website
https://github.com/sweep76/11_ecommerce-web

reactjs tailwindcss

Last synced: 12 days ago
JSON representation

Modern Complete and Responsive Ecommerce Website

• Host: GitHub
• URL: https://github.com/sweep76/11_ecommerce-web
• Owner: Sweep76
• Created: 2024-11-30T13:18:29.000Z (24 days ago)
• Default Branch: main
• Last Pushed: 2024-11-30T13:38:32.000Z (24 days ago)
• Last Synced: 2024-11-30T14:28:27.758Z (24 days ago)
• Topics: reactjs, tailwindcss
• Language: JavaScript
• Homepage:
• Size: 58.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Acada Front-End Development Exam

This project was created as part of an exam provided by **Acada**, a software company specializing in web and mobile solutions. The goal of this project is to demonstrate proficiency in **React.js** and **Tailwind CSS** by building a responsive, elegant e-commerce product showcase.

## Project Overview

The application features:

- A responsive grid layout for displaying products.

- Modern and interactive UI using **Tailwind CSS**.

- Hover animations and clean typography for a polished look.

- Integration of placeholder images to simulate product visuals.

## Tech Stack

- **React.js**: JavaScript library for building user interfaces.

- **Tailwind CSS**: Utility-first CSS framework for fast and elegant styling.

## Features

1. **Dynamic Product Grid**:

   - Displays products in a responsive grid layout.

   - Smooth hover animations for interactivity.

2. **Product Cards**:

   - Includes an image, name, category, price, and "Add to Cart" button.

3. **Responsive Design**:

   - Optimized for various screen sizes.

4. **External Styling Integration**:

   - Uses placeholder images from [Picsum Photos](https://picsum.photos) for product visuals.

## Getting Started

### Prerequisites

Ensure you have the following installed:

- [Node.js](https://nodejs.org/) (v14+ recommended)

- [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/)

### Installation

1. Clone the repository:

   ```bash

   git clone https://github.com/Sweep76/11_ecommerce-web.git

   cd 11_ecommerce-web

   npm install

   npm run dev