SupesView : One Stop Realtime Super Hero Details

Deployment

• Frontend

https://supesview.pages.dev/

Table of Contents

• Video
• About
• Features
• Getting Started
  • Prerequisites
  • Installation
• Screenshots
• Contribution

Video

Demonstration

https://youtu.be/YourDemoVideoLink

About

SupesView is your ultimate superhero information hub, providing detailed profiles of superheroes from various universes. With SupesView, you can explore powers, origins, affiliations, and more in a sleek and user-friendly interface. Built with cutting-edge technologies like Vite, React, Tailwind CSS, ShadCN, TypeScript, and TanStack Query, SupesView delivers a fast and immersive experience. Dive into the world of heroes and villains, and discover everything you need to know about your favorite characters.

Features

List of the key features of SupesView and why it is efficient:

• Comprehensive Superhero Search: Quickly find superheroes with a robust search system that stores history for easy access to previous queries.
• Favorites Feature: Save your favorite superheroes to a personalized list for quick reference and effortless organization.
• Smart Suggestions & History: Get intelligent recommendations based on your search history and preferences for a more personalized experience.
• Lightning-Fast Performance: Built with Vite and React for seamless navigation and rapid loading times.
• Responsive and User-Friendly Design: Tailwind CSS ensures a sleek, modern interface that looks great and works smoothly on all devices.
• Real-Time Data Fetching and Caching: TanStack Query (React Query) enables efficient, up-to-date superhero information retrieval.
• Extensive Superhero Database: Access detailed profiles, including powers, origins, affiliations, and more, all in one place.
• Enhanced User Experience: Features like search history, favorites, and suggestions make exploring superheroes effortless and enjoyable.

Getting Started

Prerequisites

• Vite + React
• Tailwind
• TypeScript
• npm
• bun
• Cloudflare
• ShadCN
• Tanstack Query

Installation

1. Clone the repository:

   git clone https://github.com/ArunavaCoderEm/supes-view.git
   

2. Reach the directory:

   cd Supes-View
   

3. In Frontend

   npm install
   

After the installations

1. For Frontend

npm run dev

For build

1. For Frontend

npm run build
npm start

For testing

1. For Frontend

cd src/Test

bun TestEnv.ts

Screenshots

Contribution

Arunava Dutta && 💙