Skip to content

This is a full-stack web application that demonstrates CRUD (Create, Read, Update, Delete) operations for managing PC-related data. It leverages a Laravel-based backend API and an Angular-based frontend, with MySQL as the database.

Notifications You must be signed in to change notification settings

Alexasto12/PC-CRUD_MYSQL-Laravel-Angular

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

13 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

PC-CRUD_MYSQL-Laravel-Angular πŸ’»βš™οΈ

Welcome to the PC-CRUD_MYSQL-Laravel-Angular project! πŸš€
This is a full-stack web application that demonstrates CRUD (Create, Read, Update, Delete) operations for managing PC-related data. It leverages a Laravel-based backend API and an Angular-based frontend, with MySQL as the database.

PHP Laravel MySQL Angular Node.js

Features ✨

  • Backend: Laravel framework serving as a RESTful API. πŸ–₯️
  • Frontend: Angular application for a dynamic and interactive user interface. 🎨
  • Database: MySQL for secure and efficient data storage. πŸ’Ύ
  • CRUD Operations: Full implementation of create, read, update, and delete functionalities. πŸ”§

Prerequisites ⚠️

Before setting up the project, make sure you have the following installed:

  • General:

    • Node.js (required for Angular development and package management) 🌐
  • Backend:

    • PHP >= 7.3 πŸ”§
    • Composer (for managing PHP dependencies) πŸ“¦
    • MySQL (for database management) πŸ—„οΈ
  • Frontend:

    • Angular CLI (for Angular project management) πŸ“±

Installation πŸš€

Backend Setup πŸ–₯️

  1. Clone the repository:

    git clone https://github.com/Alexasto12/PC-CRUD_MSQL-Laravel-Angular.git
    cd PC-CRUD_MSQL-Laravel-Angular/server
  2. Install dependencies:

    composer install
  3. Configure environment:

    • Duplicate .env.example and rename it to .env.
    • Set your database credentials in the .env file (MySQL username, password, database name, etc.). πŸ”
  4. Generate application key:

    php artisan key:generate
  5. Run migrations and seed the database:

    php artisan migrate --seed
  6. Start the server:

    php artisan serve

    The backend API should now be running at http://localhost:8000/ 🌍.

Frontend Setup πŸ“±

  1. Navigate to the client directory:

    cd ../client/PC_Client
  2. Install dependencies:

    npm install
  3. Start the Angular development server:

    ng serve

    The frontend application should now be running at http://localhost:4200/. πŸŽ‰

Usage πŸ”§

Once both the backend and frontend servers are up and running, you can access the web application through your browser. The app allows you to manage your PC records efficiently with the ability to create, read, update, and delete PC-related entries. πŸ–±οΈ

License πŸ“„

This project is licensed under the MIT License. Feel free to fork and contribute! πŸš€

Contributing 🀝

We welcome contributions to make this project better! If you'd like to contribute, please follow these steps:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-name).
  3. Make your changes.
  4. Commit your changes (git commit -am 'Add new feature').
  5. Push to the branch (git push origin feature-name).
  6. Create a new pull request.

Let's collaborate! πŸ’‘

About

This is a full-stack web application that demonstrates CRUD (Create, Read, Update, Delete) operations for managing PC-related data. It leverages a Laravel-based backend API and an Angular-based frontend, with MySQL as the database.

Resources

Stars

Watchers

Forks