Lodha Evergreen Project 🌿

Welcome to the Lodha Evergreen Project! This is my first React application, designed to showcase my skills in transforming a traditional HTML website into a dynamic React-based application.

• Introduction
• Problem Statement
• Features
• Technologies Used
• Deployment
• How to Clone and Run Locally
• Hooks Utilized
• Contact Information

🔰 Introduction

Hello! I’m Prince Monga, a passionate Frontend Developer and the co-founder of VidiPixels, a platform for digital excellence. This project, Lodha Evergreen, reflects my journey into ReactJS, converting static HTML designs into a seamless and dynamic React-based experience.

• My ability to utilize JSX for modular design.
• Integration of React Router for navigation.
• Use of React Hooks to manage state and effects efficiently.

🚩 Problem Statement

Traditional HTML websites are static and lack the flexibility to provide dynamic user interactions and maintainable architecture. This project addresses the need to:

• Enhance user engagement through dynamic rendering.
• Improve code reusability with React components.
• Optimize development speed for modern web applications.

🚀 Features

• Responsive Design: Ensures optimal viewing experience on all devices.
• Dynamic Navigation: Implemented with React Router.
• Component-based Architecture: Reusable and maintainable components.
• Modern Styling: Styled using CSS modules for scoped styling.

💻 Technologies Used

Technology	Purpose
ReactJS	Frontend library for dynamic rendering.
JSX	Syntax extension for component structuring.
React Router	For navigation between pages.
CSS Modules	Scoped styling for individual components.
Netlify	Deployment platform for live hosting.

🌍 Deployment

The project is deployed on Netlify.

👉 Live Demo

📂 How to Clone and Run Locally

Prerequisites

• Node.js installed on your system.
• Basic knowledge of React and NPM/Yarn.

Steps to Clone:

      git clone https://github.com/prince-monga/lodha-evergreen.git
      cd lodha-evergreen
      npm install
      npm start
    

Open http://localhost:3000 in your browser to view the app.

⚙️ Hooks Utilized

Hook	Purpose
useState	For managing state in functional components.
useEffect	For side effects like API calls and DOM updates.
useNavigate	For programmatic navigation with React Router.

📞 Contact Information

• 📧 Email: princearora1309@gmail.com
• 💼 LinkedIn: LinkedIn Profile
• 🖥️ GitHub: GitHub Profile

👋 About Me

I’m Prince Monga, a passionate Frontend Developer and the co-founder of VidiPixels. My journey as a developer involves creating intuitive and responsive web applications while exploring modern tools and technologies like React. This project is a testament to my dedication to clean code and scalable solutions.

Feel free to explore the project and contribute by raising issues or submitting pull requests!

🌟 If you like this project, please give it a star! 🌟