/genai-marketplace

web application to view, filter, upvote, add and try new generative ai model.

Primary LanguageJavaScript

Tools of the Future

Overview

This project is a web application built with React for the frontend and Django for the backend. It provides a platform for users to view and interact with various models. The application consists of three main pages: Home Page, Add Model Page, and Model Details Page.

Features

  • Home Page:

    • Displays a carousel of featured models for an aesthetically pleasing showcase.
    • Lists all available models for users to browse through.
    • Provides filtering options based on tags to help users find models of interest.
    • Home Page 1
    • Home Page 2

  • Add Model Page:

    • Allows users to create and submit a new model, which will be dynamically added to the Home Page.
    • Includes form validation to ensure accurate model submissions.
    • Add Model

  • Model Details Page:

    • Presents detailed information about a selected model, including its framework, total views, and upvotes.
    • Offers a comprehensive description that includes code snippets and other relevant details.
    • Visualizes data with a chart illustrating the day-wise view and upvote count trends.
    • Enables users to upvote the model and increments the view count each time a user visits the Model Details Page.
    • Model Details 1
    • Model Details 2
    • Model Details 3

Backend Repository

The Django backend for this project is available on GitHub at astromanish/atlan-backend.

Installation

Follow these steps to set up and run the application locally:

  1. Clone the repository: git clone https://github.com/astromanish/genai-marketplace.git
  2. Navigate to the project directory: cd genai-marketplace
  3. Install dependencies: npm install
  4. Start the development server: npm start
  5. Access the application through the provided URL.

Usage

  • Upon accessing the application, navigate through the different pages using the intuitive navigation bar.
  • Explore the Home Page to discover featured models and browse through the entire collection.
  • Utilize the filtering feature to narrow down models based on specific tags.
  • Add a new model effortlessly through the Add Model Page and witness its instant addition to the Home Page.
  • Delve into the detailed information provided on the Model Details Page to gain insights into each model.
  • Interact with the models by upvoting them and observing the real-time view count updates.