Igniters Shop

About • Features • Technologies • Objective • How to install • Contributing •

App Url: https://igniters.vercel.app/

About

• This is a Next.js e-commerce project integrated with Stripe API

• Igniters Shop is a website where you can discover and purchase products through a carousel of items on the homepage. Users can add items to their shopping cart and proceed to checkout, where they will be redirected to a secure payment page to finalize their purchase.

Features

• Carousel of items on the homepage for easy browsing and discovery.
• Page for each product containing more details.
• Shopping cart functionality to add and manage items.
• Secure payment page for safe and reliable transactions.

Technologies

• @next.js
• @react
• @stitches
• @stripe-node
• @keen-slider
• @typescript
• @eslint

Objective

This project is a Rocketseat's challenge to the students where they have to develop the app by themselves. the purpose of this application is to practice my front-end skills building this beautiful page :D

How to install

Installing packages:

• First, clone the repository to your machine
• After cloning the repository, open the terminal inside the cloned repository directory and type:

  npm install

Configuring .env file:

• Before running the project, you need to configure 3 .env variables:
• Stripe public and secrect key and the next app url, you can use the .env.example file for it.

Run the app:

  npm run dev

Contributing

• Contributions are welcome to improve Igniters Shop! If you have any ideas, suggestions, or bug fixes, please feel free to open an issue, submit a pull request or contact me.