Skip to content

Latest commit

 

History

History
57 lines (47 loc) · 1.91 KB

README.md

File metadata and controls

57 lines (47 loc) · 1.91 KB
Raw

Shorten URL App

Description

Shorten URL App is a frontend web application built using React.js. It allows users to shorten long URLs effectively and easily.

Features

  • Shorten long URLs to manageable links.
  • Display short URLs and copy them to the clipboard.
  • Error handling for non-existent short URLs (404 page).
  • Responsive design for better usability across devices.

Tech Stack

  • React.js: Frontend library for building user interfaces.
  • React Router: Library for routing within the React application.

Installation

  1. Clone the repository: 
    git clone <repository-url>
  2. Navigate to the frontend directory: 
    cd <file-name>
  3. Install dependencies: 
    npm install

Usage

  1. Start the frontend development server: 
    npm start
  2. Open your browser and navigate to http://localhost:3000 to access the Shorten URL App.

Frontend Structure

  • index.html: HTML file defining the structure of the web page.
  • index.jsx: JavaScript file for rendering the root component of the React application.
  • App.jsx: Main component responsible for rendering the application.
  • PageRouter.jsx: Component handling routing within the application.
  • Home.jsx: Component for the home page where users can shorten URLs.
  • ShortUrlRedirect.jsx: Component for redirecting short URLs to their original long URLs.
  • Error.jsx: Component for handling 404 errors.

Dependencies

  • React: Frontend library for building user interfaces.
  • React Router: Library for routing within the React application.

Contribution

Contributions are welcome! Feel free to open issues or submit pull requests to contribute to the development of the Shorten URL App frontend.

License

This project is licensed under the MIT License.

Feel free to customize this README file according to your project's specific requirements and additional features. Happy coding.🚀