Netscope is a web application built using React, Vite, and TypeScript. It allows users to retrieve and view geolocation information based on their IP address using the ipapi API. The application provides an intuitive and responsive interface, making it easy to access geolocation data efficiently.
- 📍 Automatic IP Detection: Retrieves the user's IP address automatically and displays their current location.
- 🌎 Detailed Geolocation Information: Provides details such as country, region, city, postal code, latitude, and longitude.
- 🌐 Interactive Map: Visualizes the location on an interactive map with precise coordinates.
- 📱 Responsive Design: Optimized for both mobile and desktop devices to ensure a seamless user experience.
The project uses several libraries and tools to enhance its functionality:
- framer-motion: - Animation library for React.
- lucide-react: - Icon library for React.
- react: - JavaScript library for building user interfaces.
- react-dom: - Entry point for React to interact with the DOM.
- sass: - CSS preprocessor for advanced styling.
- @biomejs/biome: - Toolchain for formatting, linting, and type checking.
- @vitejs/plugin-react: - Official React plugin for Vite.
- autoprefixer: - PostCSS plugin to add vendor prefixes to CSS.
- postcss: - Tool for transforming CSS with JavaScript plugins.
- tailwindcss: - Utility-first CSS framework for fast UI development.
- ts-node: - TypeScript execution environment for Node.js.
- typescript: - Typed superset of JavaScript that compiles to plain JavaScript.
- vite: - Next-generation frontend build tool.
~ I welcome contributions to improve Netscope, feel free to do it!