https://github.com/lyspal/the-empty-box

A simple one-page website to sell an empty box.
https://github.com/lyspal/the-empty-box

Last synced: about 2 months ago
JSON representation

A simple one-page website to sell an empty box.

• Host: GitHub
• URL: https://github.com/lyspal/the-empty-box
• Owner: Lyspal
• Created: 2023-01-31T22:51:39.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-05-24T02:36:56.000Z (over 1 year ago)
• Last Synced: 2024-08-18T08:40:53.131Z (5 months ago)
• Language: CSS
• Size: 2.87 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# the-empty-box

A simple static website to sell an empty box.

## Objective

- Showcase my web development skills with a basic static shopping website.

- Experiment with static site generation, using web APIs, and payment processing.

- Try a relatively simple deployment pipeline.

- Do the work under a relatively short amount of time: less than two weeks.

- Less about design, more about building.

## Results

- The final live website is available [here](https://effulgent-puffpuff-7e64a1.netlify.app/).

## Technologies

- [Eleventy](https://www.11ty.dev/) static site generator.

- [Netlify](https://www.netlify.com/) for hosting.

- [Stripe](https://stripe.com/) for payment processing.

- [Font Awesome](https://fontawesome.com/) for icons.

- [Google Fonts](https://fonts.google.com/) for fonts.

- [Stable Diffusion](https://stability.ai/) (local installation) for product images.

## Requirements

- [x] One page to promote with CTA buttons.

  - [x] Buy button on head bar

  - [x] Hero

  - [x] Features brief

  - [x] CTA

  - [x] Details

- [x] Promoting environment friendly, carbon-free, less energy usage, non-work revenue stream.

- [x] One About page.

  - [x] Mention that this is a demo website with no actual product nor real payment.

- [x] Three tiers for buying.

  - [x] Make it easily changeable.

- [x] Integrate payment processing.

  - [x] Credit card

  - [x] Stripe

  - [x] Add a success page.

  - [x] Add a failure page.

- [x] Keep track of my orders and sales.

- [x] One page for Terms of Use.

- [x] One page for Privacy policy (if collecting data).

- [x] Add a blog.

  - [x] Add a blog post.

## Roadmap

### 0.1.0

- Make it functional.

- Get the main website, About, TOS, PP, and one payment method.

- Make responsive, mobile-first.

- Implement a basic design.

### 0.2.0 (in progress)

- Make it SEO friendly.

- Improve the design.

- Update the blog.

- Add email delivery for digital product.