GameArena 🎮
GameArena frontend web application is a modern and visually stunning gaming website, designed to provide a seamless user experience for gamers. Built with cutting-edge technologies like Vite, React.js, and Tailwind CSS, GameArena delivers lightning-fast performance and highly responsive designs.
Features
-
Interactive UI: Clean and attractive interface built for gamers.
-
Blazing Fast Performance: Leveraging the power of Vite for optimized builds and fast development.
-
Fully Responsive: Designed with Tailwind CSS to ensure compatibility across all devices.
Technology Stack
-
⚛️ Frontend Framework: React.js
-
⚡ Bundler: Vite
-
🎨 Styling: Tailwind CSS
Vite React js and Tailwind CSS Game Site
-
Installed Tailwind CSS = npm install -D tailwindcss@latest postcss@latest autoprefixer@latest
-
Initialize Tailwind CSS = npx tailwindcss init
-
Installed React Icon = npm install react-icons
-
Insalled axios for allows to send GET, POST, PUT, DELETE, and other types of HTTP requests = npm install axios
How to Run the GameArena Project
-
Install Node.js: Download and install the latest LTS version from Node.js, then verify the installation using node -v and npm -v.
-
Navigate to the Project Directory: Open a terminal and navigate to the project folder using the cd /path/to/project command.
-
Delete node_modules (Dependencies): Remove the existing node_modules folder to ensure a clean setup.
-
Reinstall Dependencies: Run the command npm install to reinstall all required dependencies.
-
Run the Development Server: Start the development server by executing npm run dev. The project will be accessible at http://localhost:3000 by default (configured for port 3000).
🌐 Deployment
- The project is live and accessible at: (https://game-arena-gamma.vercel.app/)