URL shortening API landing page Challenge by Frontend Mentor

Your challenge is to integrate with the shrtcode API to create shortened URLs and display them like in the designs.

You can use any JavaScript framework/library on the front-end such as React or Vue. You also have complete control over which packages you use to do things like make HTTP requests or style your project.

Your users should be able to:

• View the optimal layout for the site depending on their device's screen size
• Shorten any valid URL
• See a list of their shortened links, even after refreshing the browser
• Copy the shortened link to their clipboard in a single click
• Receive an error message when the form is submitted if:
• The input field is empty

Built With

• Tailwind CSS
• React
• Redux Toolkit
• Redux Persist
• Axios
• React Toastify
• AOS (Animate on Scroll Library)

Full Screen View

Instructions

First clone this repository.

$ git clone https://github.com/LuisSalas94/react-shortly

Install dependencies. Make sure you already have nodejs & npm installed in your system.

$ npm install # or yarn

Run it

$ npm start # or yarn start

Live Demo

Live Demo Link

Author 👤

• GitHub: @LuisSalas94
• LinkedIn: Fernando Salas
• Medium: Fernando Salas

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

Acknowledgments 📚

Original challenge by Frontend Mentor

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.