This project is based on Create React App.
- CSS: I used Tailwindcss as the CSS framework to come up with a quick design for the project.
- Functionality: I used randomstring to generate random slugs for the URLs when there's no custom input from the user.
- State management: I used React Hooks for managing the states, including error handling.
- Data fetching: I used browser's
Fetch
API andasync await
to communicate with the server API endpoint. - Input field validation: I'm using the built-in input
type
andpattern
to validate the url and slug value prior to form submission.
In the project directory, you can run:g b
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.