Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/facuperezm/basement-challenge

🏴‍☠️ This is my solution to Basement challenge
https://github.com/facuperezm/basement-challenge

nextjs shadcn-ui tailwindcss typescript

Last synced: 2 days ago
JSON representation

🏴‍☠️ This is my solution to Basement challenge

Awesome Lists containing this project

README

        

# Basement Challenge

This is my solution to the Basement Frontend Challenge. [Live site](http://basement-challenge.vercel.app)

![og](./src/app/opengraph-image.png)

## Tech Stack

**Code:** Next.js 14, TypeScript, Tailwind CSS, shadcn/ui (Radix UI)

**Deploy:** Vercel

## Optimizations

- [ ] Better handle state managment or incorporate URL-based state persistence.
- [ ] Implement a toast notification to inform users when a product has been successfully added to the cart.
- [ ] Refine minor details to achieve pixel-perfect with Figma design.

## Screenshots

![App Screenshot](./public/screenshot.png)

## Lighthouse score

![Lighthouse score](./public/lighthouse.png)

## Running locally

```bash
$ git clone https://github.com/facuperezm/basement-challenge.git
$ cd basement-challenge
$ pnpm i
$ pnpm dev
```

Go to [http://localhost:3000](http://localhost:3000).

## Final comments

In this challenge, I took on some truly demanding tasks. Building a project from the ground up in just two days is quite a challenge! However, I'm proud of the result I've achieved. I'm aware there's room for improvement, but this is an honest representation of my skills during a challenge in a short period of time. I hope you all enjoy it!

## Author

- [Facundo Perez Montalvo](https://facuperezm.vercel.app)

[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://facuperezm.vercel.app/)
[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/facuperezm/)
[![github](https://img.shields.io/badge/github-555?style=for-the-badge&logo=github&logoColor=white)](https://github.com/facuperezm)