This project is a React + Vite Single Page Application (SPA) designed to simulate an Android application showcase platform. It allows users to explore various apps, search for specific ones, and simulate an installation process that persists within the session. The live deployment is hosted on Netlify.
- React – Component-based UI library
- Vite – Fast build tool with HMR
- JavaScript – Core programming language
- HTML – Markup structure
- CSS / Tailwind – Styling and layout
- 🏠 Featured Home Page: Displays a curated selection of featured applications upon landing.
- 📂 All Applications Page: A comprehensive list of all available applications.
- 🔍 Search Functionality: Easily find specific apps using the built-in search bar on the applications page.
- 📥 Permanent Installation Logic: Once an application is installed, the "Install" button becomes permanently disabled for that session.
- 📊 Installations Dashboard: A dedicated page to view all installed applications and the total count of apps installed.
- 🔃 Advanced Sorting: Sort your installed applications using the "Sort By" option to organize your dashboard.
- 🚀 Smooth Navigation: Fast and fluid SPA navigation between different pages.
From package.json, the key dependencies include:
- react & react-dom
- react-router-dom (for SPA navigation)
- @vitejs/plugin-react
- eslint (Optional dev dependencies: vite, eslint-config, etc.)
Follow these steps to set up the project on your local machine:
1. Clone the repository:
2. Navigate to the project directory:
cd Green-Earth-VS
3. Install dependencies:
npm install
4. Run the development server:
npm run dev (This will start the app locally, usually at http://localhost:5173/)
5. Build for production:
npm run build
6. Preview production build:
npm run preview
- Live Site: stupendous-lebkuchen-9d1fcc.netlify.app
- Repository: GitHub Repo
- React Docs: react.dev
- Vite Docs: vitejs.dev