Visit the project

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Contact
5. Acknowledgments

About the project

comics-preview.mp4

Comics! is a project that uses the Marvel API to create a mock comic book store for learning about Astro and Tailwind CSS.

In the Comics! store:

• the user can search for comics by name;
• view the comic details;
• add them to the cart;
• and complete the purchase.

Built With

Getting Started

To run the project locally, follow these steps.

Prerequisites

• Node.js 18.17.1 or higher and npm installed on your computer (you can get them here);
• A Marvel API key and hash (you can get them here).

Installation

1. Clone the repo

git clone https://github.com/IgorAtilar/comics.git

2. Access the project directory

cd comics

3. Install NPM packages

npm install

4. Create a .env file in the root directory based on the .env.example file and add your Marvel API key and hash

MARVEL_API_KEY=your_api_key
MARVEL_API_HASH=your_api_hash

5. Run the project

npm run dev

Usage

You can access the project at http://localhost:4321 after running the project.

Contact

Igor Atilar - LinkedIn - Github

Acknowledgments

• Marvel API
• Astro
• Tailwind CSS
• React
• Typescript
• Vitest
• Phosphor Icons
• Nano Stores