Dev links web-app

The features

Users are be able to:

• View the optimal layout for the app depending on their device's screen size.
• See hover states for all interactive elements on the page.
• Create account & Log in.
• Fill in all fields for creating a user profile.
• Receive form validations if fields are missed or incorrect.
• See all profile data on page re-load.
• Copy & share profile links.

Screenshot

Links

• Live Site URL: https://dev-links-sharing.netlify.app/

Backend (API) Link

• URL: https://github.com/toriola998/Devlinks-API

Built with

• ReactJS
• Tailwind CSS - CSS library
• Redux toolkit - State (store) library
• SCSS
• React-hook-form/yup - Form handling/validation
• Mobile-first workflow

Setup

Make sure to install the dependencies:

# npm
npm install

Development Server

Start the development server on http://127.0.0.1:5173

npm run dev

Production

Build the application for production:

npm run build

Locally preview production build:

npm run preview