Welcome to the frontend of the URL Shortener project. This application allows users to create shortened URLs from long URLs and log in via Google authentication. You can also observe graphical analytics for better insights into your URLs, and how your created urls are performed.
Deployed at: https://nextjs-us-data-analytics-front.onrender.com
- User Authentication: Login through google authentication and manage your shortened URLs.
- URL Management: Easily create and delete short URLs.
- Real-Time Analytics: Visualize the performance of URLs.
- Responsive Design: Fully responsive UI for all devices.
🛠️ Tech Stack
Frontend Framework: Next.js
CSS Framework: TailwindCSS
Data Handling: TanStack Query (React tanstack Query) & Axios
Data Visualization: recharts
🧑💻 Installation
Follow the steps below to set up the project locally: Prerequisites
Node.js (v14+ recommended)
A modern browser for testing.
To run the application, create a .env file in the root directory with the following variables:
NEXT_PUBLIC_BACKEND_URL="Your backend url"
NEXT_PUBLIC_GOOGLE_AUTH_URL = Your-backend-url/auth/google
-
Clone the repository: git clone cd
-
Install dependencies: npm install npm run dev
- Fork the repository.
- Install dependencies.
- Set up local environment
- Create Feature branch Feat/feature-name
- Push the branch
- Create pull request
Contributions are welcome! Please submit a pull request or open an issue for any bugs or feature requests.
This project is licensed under the MIT License.
For further queries, contact Kavit G. Patel.