Skip to content

Introducing SlugGen: a React-based app crafting SEO-friendly URLs effortlessly. With a clean interface, users input text to swiftly generate slugs. Utilizing React Router for navigation, SlugGen ensures a seamless experience. Copy generated slugs with ease and contribute to its development under the MIT License. Explore SlugGen now!

Notifications You must be signed in to change notification settings

CodeWithKartikey/Project-SlugGen

Repository files navigation

Slug Generator

This application generates slugs from the given text input. It converts text into a slug format, which is commonly used for creating SEO-friendly URLs. The application is built using React and utilizes React Router for navigation.

Usage

  • Enter the desired text into the input field.
  • Click on the "Generate Slug" button.
  • The generated slug will be displayed in the output field.
  • Click on the "Reset Slug" button.
  • The input field will be reset to its original value which will be empty.
  • Optionally, click on the "Copy" button to copy the slug to the clipboard.

Technologies Used

  • React with Vite: The frontend of the application is built using React powered by Vite, a fast build tool that significantly improves the frontend development experience.
  • React Router: React Router handles client-side routing within the application, including a custom 404 page for unidentified routes.

How to use

To run this application locally, follow these steps:

  1. Clone this repository to your local machine using the following command:
git clone https://github.com/CodeWithKartikey/StoreYourTask.git
  1. Navigate to the project directory:
cd StoreYourTask
  1. Install the dependencies using npm or yarn:
npm install

or

yarn install
  1. Start the development server:
npm start

or

yarn start
  1. Open your web browser and navigate to http://localhost:3000 to view the application.

Contributing

Contributions are welcome. 😁

If you'd like to contribute to this project, please follow these steps:

  1. Fork the repository and create your branch:
git checkout -b feature/my-feature
  1. Commit your changes:
git commit -am 'Add some feature'
  1. Push to your branch:
git push origin feature/my-feature
  1. Submit a pull request detailing your changes.

License

This project is licensed under the MIT License.


Designed & Developed by CodeWithKartikey - Happy coding. 🚀


About

Introducing SlugGen: a React-based app crafting SEO-friendly URLs effortlessly. With a clean interface, users input text to swiftly generate slugs. Utilizing React Router for navigation, SlugGen ensures a seamless experience. Copy generated slugs with ease and contribute to its development under the MIT License. Explore SlugGen now!

Topics

Resources

Stars

Watchers

Forks