Skip to content

Truslide12/CasaCodingReact

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

About CasaCoding

This is a laravel 12 & React app that acts as my portfolio page and website resume.

  • Stores And Displays the projects I've created and separates them into the appropriate groups.
  • Simply laid out to with links to each website link and exlpainations of all projects and their resutls.
  • The register and login views should be disabled after initial creation to prevent new accounts adding themselves.

Setting up you AddressBook

  1. Clone the github repositoy
  2. open the terminal in the root directory
  3. run npm install
  4. npm install rsuite --save
  5. Add ""react-datepicker": "2.8.0"," and ""@types/react-datepicker": "2.8.0"," to package.json under dependancies
  6. $> npm run build
  7. $> composer install
  8. $> php artisan migrate
  9. $> composer run dev
  10. open your web browser to 127.0.0.1
  11. If you go to 127.0.0.1/register you can register your account
  12. Once logged in, you may begin to create projects

File Setup - Resources // NEED TO FINISH

The resources/views folder contain all of the views. The '/' route lead to the welcom page which loads the /contacts page

  • The Contacts folder contains the index.blade.php file. This loads the list of contacts

  • It also contains all of the relevant blades for creating, searching, editing and deleting contacts

  • The createAddress.blade.php (also in contacts) accepts data and creates a new address for each contact

  • The Address folder contains all blade.php files to handle the form for creating and editing addresses.

  • All css is handle via bootstrap and utilizes a free layout from getbootstrap.com

Routes // NEED TO FINISH

The routes are all defined in the web.php file in the resources/routes folder

  • The // Blade routes are specific to loading the different blades
  • The // MYSQL Data Routes handles all of the specific routes for the handling of data

Controllers // NEED TO FINISH

There are two main controllers that interact with their associated blades and the MYSQL database

  • Contact Controller Contains the functions that control data transfer to and from the database for the contacts blades Also, contains the functions to load the different blades associated with the contacts folder
  • Address Controller Contains the functions that control data transfer to and from the database for the addresses blade and when saving a new address from the contacts/show.blade.php and contacts/details.blade.php files Also, contains the functions to load the different blades associated with the contacts folder

Database and Security // NEED TO FINISH

The MYSQL database uses the controllers to sterilize and validate information before storing and editing. It also has built in laravel security features to prevent hacking of the database.

Future Updates // NEED TO FINISH

  1. add google map view via google maps api
  2. Add multi-user functions to allow online storage of contacts
  3. Improve database and website security

Author

Carlos S. Aragon

About

My portfolio page redone in Larave 12 with React

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published