GithubHelp home page GithubHelp logo

bio's Introduction

BIO

This is an application built using Laravel where users can add links, photos of their products and testimonials. Users can customise the colours of each element on the page.

Table of Contents

Project Overview

This Laravel project provides a foundation for building a social media links application. The project is designed to be modular and extensible, allowing you to easily add new features and functionality.

Requirements

  • PHP >= 8.2
  • Composer
  • SQLite
  • Node.js and npm

Installation

  1. Clone the project repository:
git clone https://github.com/smlrods/bio.git
  1. Enter the project directory:
cd bio
  1. Install the Composer dependencies:
composer install
  1. Install the npm dependencies:
npm install
  1. Create a .env file from the provided .env.example file:
cp .env.example .env
  1. Generate the application key:
php artisan key:generate
  1. Migrate the database:
php artisan migrate

Getting Started

  1. Start the development server:
php artisan serve
  1. Start the Vite dev server:
npm run dev
  1. The application will be available at http://localhost:8000

Project Structure

The project is organized into the following directories:

  • app: This directory contains the application logic, including models, controllers, and services.
  • config: This directory contains configuration files for the application.
  • database: This directory contains database migrations and seeds.
  • public: This directory contains the web server's public files, including the front-end assets.
  • resources: This directory contains resources used by the application, such as views and language files.
  • routes: This directory contains the routing definitions for the application.
  • storage: This directory contains application storage, such as logs and uploaded files.
  • tests: This directory contains unit and feature tests for the application.
  • vendor: This directory contains third-party dependencies managed by Composer.

Dependencies

This project relies on several dependencies for its functionality:

PHP and Composer Dependencies

  • Laravel: This is the main framework used for this project. Laravel is a web application framework with expressive, elegant syntax.

  • PHPUnit: This is the testing framework used for writing unit tests in this project.

JavaScript and Node.js Dependencies

  • Node.js and npm: These are used for managing JavaScript dependencies and running tasks. Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine, and npm is the package manager for Node.js.

  • Vite: This is a build tool that provides faster and leaner development experience for modern web projects. It is used in this project for managing and bundling the JavaScript resources.

  • Tailwind CSS: This is a utility-first CSS framework for rapidly building custom user interfaces.

Database Schema

Database Schema

MVC Pattern

The project follows the MVC (Model-View-Controller) pattern. Models represent the data of the application, controllers handle user interaction and business logic, and views render the user interface.

Testing

The project includes unit and feature tests for the application logic. You can run the tests using the following command:

cp .env.testing.example .env.testing
npm run build
php artisan test

Purpose of the Project

This project was created as a means to improve my Laravel skills. It serves as a practical application of Laravel's features and best practices. While building this bio links application, I've had the opportunity to explore various aspects of Laravel including routing, middleware, Eloquent ORM, Blade templates, and more. This hands-on experience has significantly contributed to my understanding and proficiency in Laravel.

Contributing

We welcome contributions to this project.

License

This project is licensed under the MIT License. Please see the LICENSE file for more information.

bio's People

Contributors

smlrods avatar

Stargazers

 avatar

Watchers

 avatar

bio's Issues

User Page

  • For this feature is necessery create a new column called username with the index unique in the users table.
  • Also the following routes is necessary to show the user page:
    • /p/{username}

Views

  • Product photos
    • Index
    • Create
    • Show
    • Edit
  • Testimonials
    • Index
    • Create
    • Show
    • Edit
  • Links
    • Index
    • Create
    • Show
    • Edit

Controllers

  • /product-photos
    • /create
    • /edit
    • /delete
  • /testimonials
    • /create
    • /edit
    • /delete
  • /links
    • /create
    • /edit
    • /delete

Create `/customize` route

In this route, users can customize the colors of the user page and add svg icon to the divisor of the user page.

Views

  • edit

routes

  • GET: /customize
  • PUT: /customize

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.