This is a solution to the Link-sharing app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- Create, read, update, delete links and see previews in the mobile mockup
- Receive validations if the links form is submitted without a URL or with the wrong URL pattern for the platform
- Drag and drop links to reorder them
- Add profile details like profile picture, first name, last name, and email
- Receive validations if the profile details form is saved with no first or last name
- Preview their devlinks profile and copy the link to their clipboard
- View the optimal layout for the interface depending on their device's screen size
- See hover and focus states for all interactive elements on the page
- Save details to a database
- Create an account and log in
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- Sveltekit - JS library
- Superforms - SvelteKit library for server and client validation of forms
- Melt UI - Headless UI library for Svelte
- Firebase - Backend
- sortablejs - JavaScript library for reorderable drag-and-drop lists
- Website - nazifbara.com
- Twitter - @nazifbara
- Frontend Mentor - @nazifbara