ShortMy - Complete Link Shortener
ShortMy was one of my first full-stack web projects, conceived as a link shortener with complete functionalities like user registration, statistics, and custom QR generation. Although currently archived due to database management issues, it was a key project for understanding frontend-backend interaction and building a web application from scratch.
Archived...
The Objective: Building a Functional and Educational Link Shortener
The development of ShortMy arose from the need for a solution that facilitated link shortening and URL management. Despite being archived, ShortMy remains a great learning experience, being one of the first projects I developed.
Technologies
- React
- Firebase Cloud Functions
- MySQL
Challenges
Implementation of User Registration
I developed a user registration system that allows users to access detailed statistics for their shortened links. This includes creating a database to store user information and implementing a JWT authentication system to protect the data.
Generation of Custom QR Codes
I implemented a feature that allows users to generate custom QR codes for their shortened links, with the ability to add a logo in the center. This facilitates sharing links on different platforms and improves the user experience.
Link Statistics
I developed a statistics system that allows registered users to see the performance of their shortened links.
Intuitive User Interface
I designed an intuitive and attractive user-centric interface that facilitates navigation and link management. The application included features such as link shortening, custom QR code generation, and access to detailed statistics.
Learnings
With ShortMy, I gained practical experience in full-stack web development with React and Node.js. I learned about user database management, JWT authentication, and implementing features like QR code generation. It was a fundamental project for solidifying my initial knowledge in creating complete web applications.