Skip to content

Developed a link sharing app from a Frontend Mentor task. Users can create profiles, upload links, and manage their profiles.

Notifications You must be signed in to change notification settings

Swag-blips/Dev-links

Repository files navigation

Project overview,

The task was gotten from frontend mentor io and was to build a link sharing app where users can create a profile and upload their links to their profile page

Features

  • 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
  • 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 (build the project as a full-stack app)
  • Create an account and log in (add user authentication to the full-stack app)

Important Note

This project is developed by closely following the Socket.IO official documentation. It is primarily for testing my skills with Socket.IO and does not include additional functionalities beyond the basics covered in the documentation.

Technical Setup

React: JavaScript library for building user interfaces. Tailwind CSS: Utility-first CSS framework for styling. Firebase: Backend as a Service for database, authentication, and hosting

Running the Project

To run this project locally: Clone the repository: git clone https://github.com/Swag-blips/dev-links.git Install dependencies: npm install Start the server: npm run dev Open your browser and visit https://localhost:5173 to view the app.

Next Steps

  • Implement Link Analytics: Provide insights on link clicks and traffic.
  • Enhance Profile Customization: Add more customization options for user profiles.
  • Improve Security: Implement advanced security measures for user data protection.

License This project is licensed under the MIT License - see the LICENSE.md file for details.

About

Developed a link sharing app from a Frontend Mentor task. Users can create profiles, upload links, and manage their profiles.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages