Skip to content

This is a responsive web application designed to share and discover lifehacks to make tasks easier

Notifications You must be signed in to change notification settings

mele13/Easy_Life

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Easy Life - Lifehacks Sharing Platform

Welcome to the Easy Life project repository! This is a responsive web application designed to share and discover lifehacks to make tasks easier. The project is built using HTML, SCSS, CSS, JavaScript, and utilizes JSON Server as a backend for data storage.

Please Note: This project is developed solely for a university project and is a frontend-only web application with no backend implementation.

Table of Contents

Introduction

Easy Life is a platform where users can share their own lifehacks to simplify tasks and learn from others. The application is designed to be simple and easy to navigate. It features menus, headers, and a footer that provide intuitive navigation through the site's content. The project is responsive, ensuring optimal viewing on various devices without the need for extensive media queries.

ezgif com-gif-maker

Features

  • Lifehack Sharing: Users can post their own lifehacks to help others simplify tasks.
  • Commenting: Users can engage by commenting on lifehacks and discussing their effectiveness.
  • Responsive Design: The webpage is responsive, providing an optimal viewing experience on different devices.
  • User-Friendly Navigation: The consistent layout of menus, headers, and footer enhances the site's usability.
  • JSON Server Backend: Utilizes JSON Server to handle data storage and retrieval.

Getting Started

To view the project locally, follow these steps:

  1. Clone the repository:
    git clone https://github.com/mele13/Easy_Life.git
    cd Easy_Life
  2. Start the JSON Server:
    npx json-server --watch db.json --port 3001
  3. Open the index.html file in a web browser to view the webpage or use Live Server extension with VS Code

Usage

Explore the platform to discover and share lifehacks. Interact with the lifehack posts, leave comments, and engage in discussions with other users.

Technologies Used

  • HTML: Structuring the content of the webpage.
  • SCSS and CSS: Styling the webpage to provide an appealing visual experience.
  • JavaScript: Adding interactivity and dynamic features to the webpage.
  • JSON Server: Backend solution for handling data storage and retrieval.

Contributing

Contributions to this project are welcome! If you have suggestions, find bugs, or want to add new features, please follow these steps:

  1. Fork the repository.
  2. Create a new branch: git checkout -b feature/your-feature-name
  3. Make your changes and test thoroughly.
  4. Commit your changes: git commit -m 'Add feature: your feature name'
  5. Push to the branch: git push origin feature/your-feature-name
  6. Create a pull request explaining your changes.

Disclaimer

This project is developed solely for educational purposes as part of a university project. It does not have a backend implementation and is intended for frontend demonstration only.


Feel free to explore, learn, and have fun with this project! If you have any questions or suggestions, please open an issue on this repository.

About

This is a responsive web application designed to share and discover lifehacks to make tasks easier

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published