smart-information

byhello

Make a simple website where i put a instagram account and it gives all the information about the account and all information should be accurate and perfect.. and u don't need to add login sign in option just search and results of the instagram account call details like gmail or phhone number and nothing else

No preview

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document

Smart-Information System Requirements Document

Introduction

The purpose of this document is to outline the system requirements for the "smart-information" project. This project aims to create a simple web application that allows users to input an Instagram account name and retrieve contact information associated with that account. Due to privacy and legal constraints, this document will focus on publicly accessible data.

System Overview

The "smart-information" project is designed to provide users with a straightforward interface to search for Instagram account contact information. The system will focus on retrieving publicly available data, ensuring compliance with Instagram's privacy policies and legal standards.

Functional Requirements

  • As a User, I should be able to input an Instagram account name and receive contact information.
  • As a User, I should not need to log in or sign up to use the search functionality.
  • As a User, I should receive results in a simple and clear format.

User Personas

  • User: An individual who wants to retrieve contact information from an Instagram account without needing to log in or create an account.
Page 1 of 4

Visuals Colors and Theme

  • primary: #1A73E8 (a deep blue for brand identity)
  • primary_light: #4D90FE (a lighter blue for hover states)
  • secondary: #FF7043 (a coral hue for emphasis and links)
  • accent: #FFD700 (a vibrant gold for CTAs and active states)
  • highlight: #FFA726 (a warm orange for notifications and active indicators)
  • bg: #F5F5F5 (a light grey for page background)
  • surface: rgba(255, 255, 255, 0.9) (a white card/panel background)
  • text: #212121 (a dark grey for primary text)
  • text_muted: #757575 (a softer grey for secondary text)
  • border: rgba(0, 0, 0, 0.1) (a subtle border color)

Signature Design Concept

The homepage will feature an interactive "Contact Information Map" where users can input an Instagram account name. Upon entering the name, the map will dynamically highlight areas representing different types of contact information (e.g., email, phone number, website link) using vibrant colors. Users can click on these areas to reveal more details. This concept will utilize framer-motion for smooth animations and transitions, providing an engaging user experience.

Interaction Model & Motion Direction

The landing page will employ an "animated" interaction model. This will include scroll-triggered reveals and hover transitions to enhance user engagement. The design will focus on clarity and ease of use, with moderate animations to guide users through the process of retrieving contact information.

Page 2 of 4

Non-Functional Requirements

  • The system must comply with Instagram's privacy policies and legal standards.
  • The application should be responsive and accessible on various devices and screen sizes.
  • The system should provide results quickly and accurately.

Tech Stack

  • Frontend: React for Web
  • Backend: Python, FastAPI
  • Database: MongoDB for storing publicly accessible data
  • AI Models: Not applicable
  • AI Tools: Not applicable
  • Local Orchestration: Docker, docker-compose
  • Server-side Orchestration: Kubernetes

Assumptions and Constraints

  • The system will only access publicly available data from Instagram profiles.
  • Users will not be required to log in or provide personal information to use the service.
  • The system will not store or process private contact information without explicit consent.
Page 3 of 4

Glossary

  • Instagram API: A set of tools provided by Instagram for developers to access and interact with Instagram data.
  • Public Data: Information that is available to the general public without restrictions.
  • Contact Information: Details such as email addresses, phone numbers, and website links associated with an Instagram account.
Page 4 of 4

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Home: View Landing
Home: Enter Username
Home: Submit Search
Results: View Contact Info
Results: View Email
Results: View Phone
Results: View Website
Home: New Search

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Home: View Landing
Home: Enter Username
Home: Submit Search
Results: View Contact Info
Results: View Email
Results: View Phone
Results: View Website
Home: New Search