/comics

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

Primary LanguageTypeScriptMIT LicenseMIT


Logo

Visit the project

Table of Contents
  1. About The Project
  2. Getting Started
  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

Astro React Typescript TaiwindCSS

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
  1. Access the project directory
cd comics
  1. Install NPM packages
npm install
  1. 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
  1. 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