Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lostmypillow/leospen

Sell Leonardo this pen
https://github.com/lostmypillow/leospen

Last synced: about 1 month ago
JSON representation

Sell Leonardo this pen

Awesome Lists containing this project

README

        

# Leo's Pen

Sell Leonardo this pen

[Context Clip](https://www.youtube.com/watch?v=9UspZGJ-TrI&t=3s&pp=ygUQc2VsbCBtZSB0aGlzIHBlbg%3D%3D)

[Demo](https://lostmypillow.github.io/leospen)

## Tech Stack
**NextJS** with **React(JavaScript)**, styled with **TailwindCSS**
All images are in the efficient WEBP format.

## Recreate this Project

```bash
corepack enable && pnpm install
pnpm run dev
```

## Why PNPM?

It's faster than NPM

## Frontend Concepts Used
- Routing
- I'm not done with this site yet

## What's this for?
This is just an intermediate fun project before I move on to making actual shopping websites, tentatively named "JShop".

## Future for this Project

### Django Backend
It's better to store data like prices on the backend, where people can't just modify the HTML tags of the prices and buy the items for cheap.

### Storing cart items in LocalStorage
Planning to use LocalStorage (and not clunky state menagement libraries like Redux) to save the state of the shopping cart.

### Dark Mode
Self explanatory.

## Credits
[Pen Image](https://www.freepik.com/free-psd/felt-tip-pen-isolated-transparent-background_91613300.htm#query=pen&position=2&from_view=keyword&track=sph&uuid=2347a1ae-b10a-41cd-88fd-4e6e1ff3a9c7) and [Ketchuo Image](https://www.freepik.com/free-psd/ketchup-bottle-isolated-transparent-background_135016969.htm) by tohamina