https://github.com/psparwez/coding-hero
"A modern and responsive landing page showcasing India's most active coding community. Built with React, Tailwind CSS, React Router, and Lenis for smooth scrolling."
https://github.com/psparwez/coding-hero
coding-community coding-hero fronted-development landing-page lenis modern-ui-design modernui react react-project responsive-web-design tailwind-projects tailwindcss web-development
Last synced: 7 months ago
JSON representation
"A modern and responsive landing page showcasing India's most active coding community. Built with React, Tailwind CSS, React Router, and Lenis for smooth scrolling."
- Host: GitHub
- URL: https://github.com/psparwez/coding-hero
- Owner: psparwez
- License: mit
- Created: 2024-12-08T19:19:21.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-12-08T23:04:21.000Z (10 months ago)
- Last Synced: 2025-01-05T10:12:44.030Z (9 months ago)
- Topics: coding-community, coding-hero, fronted-development, landing-page, lenis, modern-ui-design, modernui, react, react-project, responsive-web-design, tailwind-projects, tailwindcss, web-development
- Language: JavaScript
- Homepage:
- Size: 2.99 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
🚀 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.
[](https://github.com/psparwez/coding-hero)
## 🌟 Screenshots
## 📚 **Table of Contents**
* [Introduction](#-introduction)
* [Tech Stack](#-tech-stack)
* [Prerequisites](#-prerequisites)
* [Key Features](#-key-features)
* [Getting Started](#-getting-started)
- [Clone the Repository](#1-clone-the-repository)
- [Install Dependencies](#2-install-dependencies)
- [Run the Development Server](#3-run-the-development-server)
* [Screenshots](#-screenshots)
* [License](#-license)
* [Contact](#-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](https://nodejs.org/)**: Required for managing dependencies and running the project.
- **[Visual Studio Code](https://code.visualstudio.com/)** (recommended): A powerful code editor. You can use alternatives if preferred.
- **[Git](https://git-scm.com/)**: Required for cloning the repository and version control.
---
### **1. Clone the Repository**
```bash
git clone https://github.com/psparwez/coding-hero.git
cd coding-hero
```
### **2. Install Dependencies**
```bash
npm install
```
### **3. Run the Development Server**
Start the local development server:
```bash
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!
[](https://github.com/psparwez/psparwez/)
[](https://www.linkedin.com/)
### Reporting Issues
If you encounter any bugs or have suggestions, please open an issue on the [GitHub Issues page](https://github.com/psparwez/coding-hero/issues).
I look forward to hearing from you and collaborating!
### 📝 License
[MIT](https://choosealicense.com/licenses/mit/)