it's a frontend Mentor challenge
1- clone or fork the repo
2- npm install
3- npm run dev >> to start the development server
Note: Delete this note and update the table of contents based on what sections you keep.
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
- The
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- React - JS library
- Next.js - React framework
- Tailwindcss - For styles
how to build react app and make a good file structure and clean code , transform the figma design to website with pexiel perfect
- Website - Abdallah Mohamed
- Frontend Mentor - @abdallahifox