Hex

demo.mp4

Hex is an innovative , minimalist model marketplace that empowers users to explore featured models and effortlessly showcase their own model information.

Tech Stack

1. Next.js : frontend and backend framework
2. Shadcn UI : ui library
3. React Hook Form : form management and Zustand : state management
4. PostgreSQL DB : storing model data
5. Redis : caching
6. Vercel Blob : object storage

Features

1. Model Browsing : Explore a curated selection of featured models.
2. Submit Your Model : Easily showcase your own model information on the platform.
3. Browse Model Info : Dive into detailed information about various models.
4. Search Convenience : Utilize a user-friendly search field for efficient model discovery.

Optimizations

1. API Response Optimization: Ensuring efficient responses from our API through caching.(7s -> 1s in first response and 450ms in second response ...)
2. UI Performance: Eliminating unnecessary UI re-renders for a smoother interface.(Load time - 950ms - 1sec on cached data it is much faster)

Setup

# clone the repo 
git clone https://github.com/arunavabasu-03/hex.git

# navigate to the project directory
cd hex 

#install dependencies
yarn install 

#setup env 
cp cp .env.sample .env

# start app
yarn dev

Contributing

Contributions to the hex are welcome! If you have any suggestions, improvements, or feature requests, please feel free to open an issue or submit a pull request on the GitHub repository.

License

This project is licensed under the MIT License .