Code Monkey home page Code Monkey logo

projet-annuel's Introduction

Hi there ๐Ÿ‘‹

Azlou77/Azlou77 is a โœจ special โœจ repository because its README.md (this file) appears on your GitHub profile.

Here are some ideas to get you started:

  • ๐Ÿ”ญ Iโ€™m currently working on PHP cURL project
  • ๐ŸŒฑ Iโ€™m currently learning JS and Frameworks like React, ExpressJS
  • ๐Ÿ‘ฏ Iโ€™m looking to collaborate on ...
  • ๐Ÿ“ซ How to reach me: [email protected]
  • ๐Ÿ˜„ Pronouns: Azlou77
  • โค๏ธ Loves:
  • ๐Ÿ… Pratice sport: running, biking
  • ๐Ÿ“š Romans classic with authors: Hugo, Balzac, Stendhal, Alexander Dumas
  • ๐Ÿ” Investigation books: Agatha Christie, Conan Doyle
  • ๐Ÿ‡ฌ๐Ÿ‡ท Greek culture and Mythologies

projet-annuel's People

Contributors

azlou77 avatar

Watchers

 avatar

projet-annuel's Issues

Add dashboard clients

To do:
Navbar side:

  • 3 links
  • icon user
  • icon settings
  • icon cloud
  • link to add space

Main content:

  • search bar
  • folders gallery
  • files gallery
  • actions tables

Back:

  • Make includes

Links:
Figma wireframes

Add pages prices and others

Twig view
Ipssi project

To reload server:

  1. symfony server:stop
  2. symfony server:start

To do:

  • composer require symfony/webpack-encore-bundle for build assets and use bootstrap.
  • Make navbar with login/ logout and subscription
  • Make styles login #2
  • Make styles subscription
  • Make styles register

Delete files from CRUD

steps:

  1. add function in UploadController
  2. add files system dependencies
  3. use function in file systems using remove()
  4. add view in twig template
  5. add buttons and link using path method()

Image

Make a point on what do youd do using SOLID methods

The functions:

  • what is the goal of functions

  • check the parameters

  • open/close principes

  • function products

  • function products details

  • function price

  • function dashboard

  • function register

  • function login

  • function logout

The class:

  • single responsability

  • class User

  • class Products

  • class Content

Dahsboard features dynamics

To do:

Dashboard:
View on #11 add services format files

  • Add name and format files dynamics
  • Add name for folders dynamics
  • Add properties tables dynamics
  • Add view users dynamics #13

Uploading files:

  • To do onclick dropdown add
  • Make location to uploading files
  • Make verifications basics
  • Check format
  • Check sizes

Uploading folders:

  • To do onclick dropdown add
  • Make location to uploading files

Image

Dashboard page design front

  • Delete navbar
  • Bigger background boostrap dahsboard page
  • Add CRUD front
  • change color to white
  • change theme dark
  • align progress bar
  • align button called "add space"

Image

Login and register front

Register:

  • align title and form
  • button center and blue
  • agree term left

Image

Login :

  • align title and form
  • button center and blue
  • agree term left

Image

Link:
Figma design

Can't access to register and login page

Description:

  • Can't find templates twig to render front page

Image

Steps:

  • Verify the webpack is download
  • Run webapck commandes: npm run watch.

Image

  • First install packages with: npm install
  • Change first the path styles to css

Image

  • Second npm build
  • Last npm run watch
  • Then update table user column brochure_filename as null value default

Image

Products and Product management

Products:

  • add controller products
  • add repository products
  • add form products

Image

  • add templates products list

Image

  • add entity products

Product:

  • add controller product
  • add repo product
  • add entity product

Others:

  • Link product and user in User entity

links:
User and product entity

Roles management

Create ROLE_ADMIN to manage the files and others service .

  • Which pages is concerned for users or admin .
  • Changes path in security.yaml is the file to restrict access changing routes
  • In User.php with this code we have default user.
// src/Entity/User.php

// ...
class User
{
    #[ORM\Column(type: 'json')]
    private array $roles = [];

    // ...
    public function getRoles(): array
    {
        $roles = $this->roles;
        // guarantee every user at least has ROLE_USER
        $roles[] = 'ROLE_USER';

        return array_unique($roles);
    }
}

Work:

  • Create page for admin example with product management.
  • Then follow steps to have access only for admin this page.

Links:
Symfony access deny
Google drive projet annuel

css styling pages

  • page add upload files
  • center text
  • center button

Image

  • page index upload files
  • render with link
  • render in a table
  • add buttons delete, add, update
  • add links to the buttons

Image

page product add

  • center form
  • center button
  • add background for the button
  • define message success or error

Image

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.