Linkora - Modern URL Shortener

Linkora is a sleek, modern URL shortener application with an animated frontend and robust backend functionality.

Features

• URL Shortening: Create shortened URLs quickly and easily
• Custom Aliases: Option to create custom short codes
• Animated UI: Smooth animations and transitions for enhanced user experience
• Responsive Design: Works seamlessly on desktop and mobile devices
• Copy to Clipboard: One-click copy functionality
• Social Sharing: Direct sharing to Twitter, Facebook, and LinkedIn
• Error Handling: Clear error messages and validation

Technologies Used

Frontend

• HTML5
• CSS3 with advanced animations
• Vanilla JavaScript
• Font Awesome icons

Backend

• Node.js
• Express.js
• Supabase (PostgreSQL)
• MVC Architecture

Animation Features

The frontend includes several animated elements to enhance user experience:

• Page loading animation with custom spinner
• Typing effect for tagline
• 3D rotation for logo
• Floating animation for the main card
• Pulsing effects for buttons
• Glowing input fields when focused
• Success checkmark animation
• Feature icon rotation on hover
• Custom loading animation during URL shortening

Installation and Setup

1. Clone the repository
2. Install dependencies: npm install
3. Configure Supabase credentials in config/supabase.js
4. Start the server: npm start
5. Access the application at http://localhost:3000

Project Structure

app.js                 # Main application entry point
package.json           # Project dependencies
config/                # Configuration files
controllers/           # Request handlers
models/                # Database models
public/                # Frontend assets
  ├── index.html       # Main HTML file
  ├── css/             # CSS stylesheets
  ├── js/              # JavaScript files
  ├── images/          # Image assets
routes/                # API routes
services/              # Business logic

License

MIT License