https://github.com/kaizenics/contact-management-system
[CRUD] ADV102 Basic Contact System Project
https://github.com/kaizenics/contact-management-system
full-stack html php react tailwindcss
Last synced: about 1 year ago
JSON representation
[CRUD] ADV102 Basic Contact System Project
- Host: GitHub
- URL: https://github.com/kaizenics/contact-management-system
- Owner: kaizenics
- Archived: true
- Created: 2023-04-14T16:29:26.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2023-07-26T00:34:34.000Z (almost 3 years ago)
- Last Synced: 2025-05-03T08:21:50.219Z (about 1 year ago)
- Topics: full-stack, html, php, react, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 434 KB
- Stars: 12
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Basic Contact Management System (ADV102 Final Project)
Web Application that stores User's Contact Information including Name, Contact Number, Email Address, and Location.
## How to Run this App Manually?
1. Download/Open Visual Studio Code
2. Install Node.js in your PC or you can manually type `npm install` in VS Code
3. Create Folder in your PC (Any file destination)
4. Open the folder you created in the VS Code
5. Open the Terminal (located above in the menu)
6. Type this command in the terminal `npx create-react-app (your-app-name-here)` NOTE: It does not accepting Uppercase in your App name
7. After creating the app, Install the other components first specially the React Routers and Tailwind CSS. Type this commands in the terminal.
* React Routers Components
`npm install react-router-dom@6`
* For Tailwind CSS (You can Check the full documentation in Tailwind CSS here https://tailwindcss.com/docs/installation)
`npm install -D tailwindcss`
`npx tailwindcss init`
8. Now in the Back-end part, Install the XAMPP for MySQL and PHP.
9. After installing the XAMPP, open it and run the Apache and MySQL and open the Server of MySQL
10. Create a Database and Values inside the Database folder you created in MySQL (or you can Export the SQL file i've uploaded in this repository)
11. In VS Code, create a PHP to connect both PHP and MySQL and apply it to React.js components in order to function the Database Values
12. And you're done!
## Tech Stack
* HTML
* Tailwind CSS
* React.js
* Node.js
* PHP
* MySQL