LinkLocker.io
In Production
Development of the application:
Frontend
Hosting: The landing page and the application are hosted on Cloudflare Pages and integrated with GitHub for automatic deployment when pushing to the main branch. Both are organized into separate Cloudflare Pages projects and repositories.
For the landing page, Astro was used to optimize SEO for search engines. The login system redirects directly to the SPA (Single Page Application) developed with React.
For the application, the React library was used, without incorporating frameworks like Next.js, as the priority was optimizing the JavaScript bundle and overall performance. Additionally, the project's size did not justify the use of a more complex framework. However, some additional libraries were implemented, such as:
- MUI: Component and tool library for the user interface (UI).
- Redux Toolkit: Global state management for the application.
- Dnd Kit: Drag & drop implementation for organizing links and categories.
- React Hook Form: Efficient creation and validation of forms.
- Axios: HTTP request management.
- React Router: Navigation and page routing.
- React OAuth2 | Google: Authentication with Google.
- Sonner: Intuitive and minimalist notification system.
Some development dependencies:
- Typescript: Statically typed programming language.
- Vite: Fast and efficient build tool for the application.
- Tailwind CSS: Utility-based CSS styling framework.
- Eslint: Tool for analyzing and ensuring clean and well-formatted code.