Website Ranking Web App

A web application that displays the ranking of websites worldwide, similar to Google.com and other popular websites. This app retrieves and visualizes website rankings, providing insights into their popularity and performance.

Features

• Display the ranking of websites across various categories.
• Track and display website performance.
• Show ranking information for top websites globally.
• Interactive charts and graphs to visualize rankings.

Tech Stack

• Frontend: Vue.js 3, Vite, Pinia, Tailwind CSS, Axios
• Backend: Laravel 11, Sanctum for API security
• Libraries/Tools: Chart.js, Vue-Toastification, Vue-Router, FontAwesome, HeroIcons

Installation

Clone the repository

git clone https://github.com/yourusername/website-ranking-web-app.git
cd website-ranking-web-app

Install dependencies

For the frontend:

cd frontend
npm install

For the backend:

cd backend
composer install

Environment Configuration

Copy .env.example to .env and set the necessary environment variables.

cp .env.example .env

Run the application

Backend

Run Laravel development server:

php artisan serve

Frontend

Run Vite development server:

npm run dev

Build for production

To build the project for production:

For the frontend:

npm run build

For the backend:

php artisan migrate --seed

Usage

Once the app is running, you can visit the frontend at http://localhost:3000 and the backend API at http://localhost:8000.

Contributing

Feel free to fork the repository, create an issue, or submit a pull request for improvements and bug fixes.

License

MIT License