Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/stylessh/basement.supply
Basement supply challenge
https://github.com/stylessh/basement.supply
Last synced: 23 days ago
JSON representation
Basement supply challenge
- Host: GitHub
- URL: https://github.com/stylessh/basement.supply
- Owner: stylessh
- Created: 2024-01-23T18:20:49.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-01-24T18:39:14.000Z (12 months ago)
- Last Synced: 2024-12-20T13:19:30.233Z (24 days ago)
- Language: TypeScript
- Homepage: https://basement-supply-ten.vercel.app
- Size: 4.33 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Basement Supply
The project was created with Next (App Router) and Typescript. It uses Tailwind CSS for styling and is deployed on Vercel.
### Environment Variables
Copy the `.env.example` file and rename it to `.env.local`. Then, replace the values with your own.
`NEXT_PUBLIC_HOST_URL` should be the url of the running project. It is used for metadata construction.
### Running Project
To run the project, you need to have Node.js installed. You can download it from [here](https://nodejs.org/en/download/).
After installing Node.js, you can install the dependencies by running the following command in the project directory:
```bash
npm install
# or
yarn install
# or
pnpm install
# or
bun install
```After installing the dependencies, you can run the project by running the following command in the project directory:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
### Cart
The cart is stored in the local storage of the browser and is synced with the internal state of the app using **zustand**. The cart is cleared when the user checks out.
### GSAP
Most of the animations are done using GSAP. Some others with just CSS.