Skip to content

Developed a front-end website aimed at promoting sustainable living practices. Initially designed the website on Figma to ensure a user-friendly and visually appealing interface. Utilized HTML, CSS, and JavaScript to bring the design to life, creating an interactive platform that offers tips, resources, and tools for adopting sustainable lifestyle

Notifications You must be signed in to change notification settings

coderwahaj/Sustainable-Lifestyle-Assistant-Front-End-Website-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sustainable-Life-Style-Assistant-Website

Overview

This project is a front-end website aimed at promoting sustainable living practices. Initially designed on Figma to ensure a user-friendly and visually appealing interface, the website is developed using HTML, CSS, and JavaScript. The interactive platform offers tips, resources, and tools for adopting a sustainable lifestyle.

Features

  • User-Friendly Interface: A clean and intuitive design to enhance user experience.
  • Sustainability Tips: Provides practical tips for living a more sustainable life.
  • Resources: Links to articles, videos, and other resources on sustainability.
  • Interactive Tools: Features tools and calculators to help users measure and reduce their environmental impact.
  • Responsive Design: Ensures the website is accessible on various devices, including desktops, tablets, and smartphones.

Technologies Used

  • Design: Figma
  • Front-End Development:
    • HTML
    • CSS
    • JavaScript

Installation

  1. Clone the Repository
    git clone https://github.com/your-repo/sustainable-living-website.git
  2. Navigate to the Project Directory
    cd sustainable-living-website
  3. Open in Browser
    • Open index.html file in your preferred web browser.

Usage

  1. Home Page

    • The home page provides an overview of the website's mission and highlights key sections such as tips, resources, and tools.
  2. Sustainability Tips

    • Navigate to the Tips section to find practical advice on various aspects of sustainable living, such as reducing waste, conserving water, and using renewable energy.
  3. Resources

    • The Resources section offers a curated list of articles, videos, and websites that provide in-depth information on sustainability topics.
  4. Interactive Tools

    • Use the tools and calculators to assess your environmental footprint and get personalized recommendations for reducing it.

Contributing

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature/your-feature-name).
  3. Make your changes.
  4. Commit your changes (git commit -am 'Add some feature').
  5. Push to the branch (git push origin feature/your-feature-name).
  6. Create a new Pull Request.

About

Developed a front-end website aimed at promoting sustainable living practices. Initially designed the website on Figma to ensure a user-friendly and visually appealing interface. Utilized HTML, CSS, and JavaScript to bring the design to life, creating an interactive platform that offers tips, resources, and tools for adopting sustainable lifestyle

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published