Git Product home page Git Product logo

web-project-with-php's Introduction

  • 👋 Hi, I’m @Wieworki
  • 👀 I’m interested in everything related to software development
  • 🌱 I’m currently learning web development, i work everyday with Javascript, PHP, CSS and HTML
  • 💞️ I’m looking to collaborate on any project that makes me motivated, and lets me get more knowledge
  • 📫 How to reach me: [email protected]

web-project-with-php's People

Contributors

pelusodv avatar wieworki avatar

Stargazers

 avatar

Watchers

 avatar

web-project-with-php's Issues

Product catalog table

A table for all the business products needs to be made. It has to show:

  • Product name
  • Product description
  • Product price
  • A picture of the product

For now, the four propierties have to be recovered from the DB. For the image, the URL is going to be stored.

PHP implementation for editorial

As a start, we need to be able to retrieve the rows from the table "editorial" so they can be loaded in the creation form of the products.
Since there are plans to add a filter at the public catalog according to "editorial", keep in mind this selection query should be public.

At some point, the users should also be able to add, remove or modify rows from the table "editorial". These actions should only be done by the registered users.

Revamp the user catalog table

Now that there catalog table is functional, it needs to look good. This is the main page that the costumers will se, so we need to make it appealing. Feel free to change anything from the table structure, but keep the number of rows to 5, or the data won´t be loaded correctly from the DB.

Fixi the paths in each link

Absolute routes doesnt seem to be working. We will use relative paths for now, but some way to ensure correct paths needs to be found.

Multiple pages for catalog table

Right now, the catalog table displays all the available products in the same page. This will bring troubles in the future, as more products are loaded in the DB. For now, a maximum of 10 rows should be displayed on the table, with the option of showing the next 10 products

User creation for admins

Make an option to create new users for admins. Change the db so there is a difference between admins and users.

Catalog Administration for users

The logged user needs to be able to access a section that lets edit, eliminate, and create new mangas, by a sub-menu of the catalog administration, following the option "Administrar títulos".

A manga item has a name, a description, an ilustrative image that will be linked by an stored URL, and a associated editorial

The name, description, and URL can be loaded by text inputs. The editorial has to correspond with the editorials stored in the DB, so the user should only have a combo box with the availibles options.

We will start with the front-end interface for now. The inputs can be represented using a table, like in the user management, or by a form structure with each input in a new row. Feel free to choose whatever option you like.

Fix the user management table display

When the page width is small, the table columns doesn't fit the table

Screenshot 2022-06-03 at 15-39-35 Administración de usuarios

This needs to be fixed, in case the user needs to access this page in a mobile device. We can try with the "@media" property, that may let us adapt the size of the columns and the table according the width and height of the device.

DataBase Login

Set up the current login system to make it validate the username and password from a table in a database

PHP Implementation for the creation, modification and deletion of a manga

The catalog administration page will call php functions by AJAX to implement the changes in the DB.
The following functions needs to be implemented:

  • New manga
  • Update manga
  • Delete manga

Keep in mind that the manga table has the following columns:

  • id (auto)
  • nombre
  • descripcion (null)
  • url_descripcion (null)
  • id_editorial (null)

Even though some columns can have null values, the php should still ask for these parameters when it is called.

Login Front End

Improve the login interface. Right now it is lacking a return button, and the menu bar.

The CSS should be improved too, so it makes the page more appealing. We can try to use Bootstrap

Login

Set up the Front End of a Login form

Search functionality and filters for product table

The user needs some way to search a product in the table. A search tab with suggestions would be a good adition. Some filters or some way to order the table according to the titles should be implemented too

Make changes in the DB structure

Since the latest requirements analysis, some changes needs to be done in the DB structure. They will impact the way the application recover information from it, so some of the PHP functions, the AJAX calls from some JS functions and part of the front-end code, will need some changes.

The "manga" table now will have a many-to-one relation with the table "editorial", and a many-to-many relation with the table "genero". A new table, "volumen", will have a one-to-many relation with the table "manga". With this changes, the product catalog will now have at least one extra column for the volumes, and we will be able to make search by genre and by editorial.

The user table will remain the same, so user administration won't need any changes.

The changes will be applied in a new branch, "DB improvement".

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.