Coding Hero
🚀 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
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
