🚀 Coding Hero - A landing page

Shape India's Tech Future. A modern, smooth, and
responsive landing page built with React, Tailwind CSS, and
Lenis for seamless scrolling experiences.

🌟 Screenshots

📚 Table of Contents

• Introduction
• Tech Stack
• Prerequisites
• Key Features
• Getting Started
  • Clone the Repository
  • Install Dependencies
  • Run the Development Server
• Screenshots
• License
• Contact

📖 Introduction

Welcome to the Coding Hero - Landing Page! 🚀

This project is a modern, responsive, and smooth-scrolling landing page designed to showcase India's most active coding community. Built with cutting-edge technologies like React, Tailwind CSS, React Router, and Lenis, it delivers a seamless and engaging user experience across all devices.

The landing page highlights:

• The mission and vision of the Coding Hero program.
• Benefits for aspiring coding enthusiasts.
• A clear pathway to become a Coding Hero and inspire others.

🛠️ Tech Stack

• React: For building the UI components.
• React Router v6: For routing and navigation.
• Lenis: Smooth scrolling library for improved scroll performance.
• Tailwind CSS: Styling the components.

🌟 Key Features

✅ Modern & Responsive Design

• Built with Tailwind CSS for pixel-perfect responsiveness across devices 📱.

✅ Smooth Scrolling

• Integrated Lenis for buttery-smooth scroll animations 🧈.

✅ Multi-Page Navigation

• Seamless navigation powered by React Router 🧭.

✅ Reusable Components

• Modular React components for scalability and easy maintenance 🧩.

✅ Optimized Performance

• Built with Vite for faster development and optimized builds ⚡.

---

🚀 Getting Started

Follow these steps to set up the project locally:

⚙️ Prerequisites

Before you start, ensure you have the following tools installed:

• Node.js: Required for managing dependencies and running the project.
• Visual Studio Code (recommended): A powerful code editor. You can use alternatives if preferred.
• Git: Required for cloning the repository and version control.

---

1. Clone the Repository

git clone https://github.com/psparwez/coding-hero.git
cd coding-hero

2. Install Dependencies

npm install

3. Run the Development Server

Start the local development server:

npm run dev

The app will be live at: http://localhost:5173

You’re now ready to explore and customize coding-hero locally!

📞 Contact

If you have any questions, encounter issues, or would like to collaborate on this project, feel free to reach out!

Reporting Issues

If you encounter any bugs or have suggestions, please open an issue on the GitHub Issues page.

I look forward to hearing from you and collaborating!

📝 License

MIT