/astro-shop

This project is a simple online store built with Astro, JavaScript for the client-side scripts, TypeScript for server-side scripts, HTML5, and CSS3. This is an open-source project aiming to provide a practical and straightforward e-commerce web.

Primary LanguageAstroMIT LicenseMIT

Vanilla-Shop App

Bun Built with Astro JavaScript TypeScript HTML5 CSS3

This project is a simple online store built with Astro, JavaScript for the client-side scripts, TypeScript for server-side scripts, HTML5, and CSS3. This is an open-source project aiming to provide a practical and straightforward e-commerce web.

Project Overview

Currently, the backend of this project utilizes the Fake Store API, a free online REST API that provides fake data for e-commerce or shopping websites.

Features

  • Users can search any product by title.
  • Users can filter products by price range.
  • Users can filter products by category.
  • Users can filter products by rate.

Screenshots

Home Page Screenshot with filters

Getting Started

This section will guide you through setting up the project on your machine for development and testing purposes.

Prerequisites

You will need Bun (or Node.js) installed on your system.

Installation and Running the Frontend

Following these steps will set up the project on your system:

  1. Clone the repository:
git clone https://github.com/joseandrestrujillo/vanilla-shop
  1. Navigate to the /frontend directory:
cd vanilla-shop/frontend
  1. Install the project dependencies:
bun install

or with npm

npm install
  1. Start the project:
bun run start

or with npm

npm run start

The project should now be running at http://localhost:4321.

Contributing

As an open-source project, we welcome contributions of all forms.

If you have an idea or find a bug, please open an issue so we can discuss it. If you wish to contribute code, please open a pull request.

License

Licence