Zenith is an immersive, futuristic battle concept inspired by Valorant and Apex Legends.
This project reimagines the competitive shooter experience through a web-based showcase featuring agents, maps, and lore — combining design, storytelling, and technology.
Zenith is designed as a showcase website that brings together:
- Dynamic Agents with unique abilities and backstories.
- Distinct Maps with strategic design elements.
- A futuristic, responsive User Interface inspired by modern gaming aesthetics.
This project blends front-end creativity and interactive storytelling, making it ideal as a capstone project in web design, game concept visualization, or UI/UX innovation.
- 🎭 Agent Profiles: Unique characters with lore, abilities, and visual cards.
- 🗺️ Maps Showcase: Stunning concept maps like Fracture Base, Obsidian Wastes, and Aether Spire.
- ⚡ Interactive UI: Animated hover effects, glowing transitions, and smooth layout.
- 🌐 Responsive Design: Built for all devices — desktop, tablet, and mobile.
- 🎨 Custom Color Palette: Inspired by Valorant & Apex Legends’ modern sci-fi look.
| Category | Technologies |
|---|---|
| Frontend | HTML, CSS, JavaScript, React.js |
| Design | Figma (for layout & mockups) |
| Version Control | Git & GitHub |
| Deployment | GitHub Pages |
- Clone the repository:
- Navigate to the project folder:
- Install dependencies (if using React):
- Run the project:
- Open in your browser:
git clone https://github.com/yourusername/zenith.gitcd zenithnpm installnpm run devhttp://localhost:5173| Name | Ability | Role |
|---|---|---|
| Vira | Mist Manipulation | Controller |
| Kael | Space Distortion | Duelist |
| Liora | Time Control | Initiator |
| Elara | Healing Pulse | Sentinel |
- Fracture Base — Industrial warzone with cross-layer paths.
- Obsidian Wastes — Desert ruins with lava channels and open sightlines.
- Aether Spire — Floating fortress above the clouds with portals and vertical combat zones.
- Add agent selection animations and voice lines.
- Include lore-based missions or cinematic intros.
- Expand with database integration for user stats or leaderboard.
- Launch an interactive demo site with 3D previews.
Mayank Dhanuka
🎓 B.Tech in CSE (AI/ML)
💻 Passionate about Game Design, AI, and Web Development
Email: mayankdhanuka899@gmail.com
This project is for educational and portfolio purposes only.
All game concepts are original; inspiration credits to Valorant (Riot Games) and Apex Legends (Respawn Entertainment).
There is real world map which is near japan and named as hashima island used for battle royal
MIT license