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

https://github.com/rodrigoaraujo7/techfy

Virtual store for tech products like iPhones and MacBooks, focused on a modern look and easy navigation.
https://github.com/rodrigoaraujo7/techfy

docker docker-compose framer-motion next15 nextjs shadcnui storybook tailwindcss tanstack-query typescript zustand

Last synced: about 2 months ago
JSON representation

Virtual store for tech products like iPhones and MacBooks, focused on a modern look and easy navigation.

Awesome Lists containing this project

README

          


Techfy


Participants
Techs
Usage



## Participants

| [](https://github.com/rodrigoaraujo7) |
| :------------------------------------------------------------------------------------------------------------------: |

| [Rodrigo Leite Araujo](https://github.com/rodrigoaraujo7)

## Techs

- [x] Next 15
- [x] TypeScript
- [x] Tailwind CSS
- [x] Tanstack Query
- [x] Zustand
- [x] ShadcnUI
- [x] Framer Motion
- [x] Docker
- [x] Storybook

## How to download the project:

```bash
# Clone the repository
$ git clone https://github.com/rodrigoaraujo7/techfy.git

# Enter directory
$ cd techfy
```

## Usage

1. Run `npm install`.

2. Run `npm run dev` and access `http://localhost:3000/`


## Storybook

1. Run `npm run storybook`

2. Access `http://localhost:6006`


## Create Docker Container

1. Run `docker compose up --build`

2. Access `http://localhost:3000/`


## Install new dependencies in Docker Container

1. Stop container

2. Run `docker exec -it techfy-nextjs-1 sh`

3. Run `npm install new-lib`

4. Run `exit`

5. Start container


Developed by Rodrigo Leite Araujo