Giter Club home page Giter Club logo

web-app's Introduction

Prices Crawler - Web App

GitHub package.json version GitHub issues Website

💻 Description

The main goal of this project is to enable prices-crawler-content-base data consumption and visualization.

📁 Requirements

You will need node installed globally on your machine.

name >=
node 16.17.0

🕹️ Getting Started

  1. Create a file with the name .env
  2. Paste the following content of the created file
VITE_API_URL=https://prices-crawler-content-api-example.onrender.com

These instructions will get you a copy of the project up and running on your local and production machine.

Installation and Setup Instructions

⚠️ Using Yarn Package Manager is recommended over npm.

Install dependencies

yarn

To run project in DEV

yarn start

Create a production build

yarn build

Builds the app for production to the dist folder.

Environment Variables

# Name Type Description Default
1 VITE_EMAIL String Email -
2 VITE_API_URL String Content API url -
3 VITE_MAINTENANCE_MODE Boolean Is Maintenance Mode On -
4 VITE_MAINTENANCE_END_DATE Date Time Maintenance Time End -
5 VITE_MOBILE_APP_URL String Mobile App URL -

web-app's People

Contributors

dependabot[bot] avatar scafer avatar dmcfa avatar pdrlmfr avatar carlosjunioor avatar komen205 avatar

Stargazers

Ricardo Tavares avatar João Oliveira avatar Pedro Martins avatar  avatar Daniel Vaz avatar Pedro Cerejo avatar Alexandre Pereira avatar Mike Pinto avatar  avatar Ricardo Reis avatar Gonçalo Pereira avatar Diogo Ferreira avatar  avatar  avatar

Watchers

 avatar  avatar

web-app's Issues

Support multiple product lists

As a user, I want to be able to create multiple product lists and select which list I want to add a product to. I also want the ability to move products between the different lists.

The following features are required to fulfill this user story:

  1. The ability to create multiple product lists, each with a unique name and a list of products.
  2. The ability to select which list to add a product to from a dropdown or similar selection interface.
  3. The ability to move products between lists, either by dragging and dropping them or by using a move button.

By providing these features, users will be able to organize their products more effectively and efficiently, making it easier for them to manage their shopping lists and track their purchases.

replace px for rem

As a developer, I need to replace px values for rem. Using relative units is good practice to keep our project responsive to all screen sizes.

this is tied to issue #46 (global font size needs to be changed beforehand)

Navbar change requests

As a developer, I need to make changes to our navbar to improve the visual design and user experience of our application.

  • migrate to MUI
  • remove bootstrap/reactstrap
  • close navbar on scroll #50
  • create animation on hamburger click - mobile
  • style language options
  • close nav when clicking on a child option (e.g. list)
  • align list number on desktop

Product List: migrate to MUI

As a developer, I need to migrate our produc list page to MUI (Material-UI) to improve the visual design and user experience of our application.

Footer change requests

As a developer, I need to make changes to the footer to improve the visual design and user experience of our application.

  • add padding top & bottom
  • fix bar to the bottom of every page

Privacy Terms Page: migrate to MUI

As a developer, I need to migrate our privacy terms page to MUI (Material-UI) to improve the visual design and user experience of our application.

Adicionar um link para este repo

Boas @scafer

Estava a procurar no site e não encontrei nenhuma ligação para este repositório apesar de na página "About" fazer referência a ser open-source:
image

Um ... bla bla bla ... <a target="_blank" rel="nofollow" href="https://github.com/pricescrawler/web-app/"> open source</a> pode ajudar a dar alguma visibilidade ao projeto.

Ou um link no footer.

Ou nada se não queres que o repositório seja facilmente descoberto. 🤷

Bom projeto, se vir que tenho oportunidade de contribuir alguma coisa, vou estando atento. 🙏

Home Page: migrate to MUI

As a developer, I need to migrate our home page to MUI (Material-UI) to improve the visual design and user experience of our application.

add base css file

As a developer, I need to add a base css file with resets and some global rules

Product Page: migrate to MUI

As a developer, I need to migrate our product page to MUI (Material-UI) to improve the visual design and user experience of our application.

Re-do sort by UI

As a developer I want to re-design the filters/sort by section

Add status endpoint

The endpoint should be located at /api/v1/status, and when accessed, it should return the current status of the application. The status response should include information about whether the application is in maintenance mode and operation mode, and whether it is currently active or inactive.

If the application is in maintenance mode, the response should also include the start and end times for the maintenance period. Additionally, the response should include the API usage status, which can be enabled or disabled during maintenance periods.

About Page: migrate to MUI

As a developer, I need to migrate our about page to MUI (Material-UI) to improve the visual design and user experience of our application.

Improve price over time chart

As a contributer, I want to improve the price over time chart in our application to provide users with a more informative and visually appealing representation of price trends. Additionally, I want to evaluate the possibility of migrating to Chart.js to leverage its advanced charting features.

The following tasks should be completed to fulfill this user story:

  • Analyze the current price over time chart to identify areas for improvement, such as color scheme, data visualization, and interactivity.
  • Implement a more visually appealing and informative chart design that conveys price trends over time more effectively.
  • Add interactivity features such as zooming and panning to enable users to view specific time periods and data points in more detail.
  • Evaluate the possibility of migrating to Chart.js to take advantage of its advanced charting features and provide a more customizable and flexible solution.

Documentation

Hi, i would like to do the documentation of the project by adding gifs, images and all the cool stuff so people can look at the repo and help.

Thank you.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.