https://github.com/mushfiqurniazzz/dynamic-search-app---react--mysql--node
This Dynamic Search App is a fullstack web app thats performs CRUD operations with an user and also has a dynamic search functionality. It uses MYSQL as the database to store users, Express.js for handling server-side logic, React.js for building the user interface, and Node.js for server-side runtime environment.
https://github.com/mushfiqurniazzz/dynamic-search-app---react--mysql--node
axios dynamicsearch expressjs fullstack-development mysql2 nodejs reactjs rest-api search
Last synced: 6 months ago
JSON representation
This Dynamic Search App is a fullstack web app thats performs CRUD operations with an user and also has a dynamic search functionality. It uses MYSQL as the database to store users, Express.js for handling server-side logic, React.js for building the user interface, and Node.js for server-side runtime environment.
- Host: GitHub
- URL: https://github.com/mushfiqurniazzz/dynamic-search-app---react--mysql--node
- Owner: mushfiqurniazzz
- Created: 2024-08-10T02:29:21.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-08-15T03:10:48.000Z (10 months ago)
- Last Synced: 2024-08-15T04:25:00.606Z (10 months ago)
- Topics: axios, dynamicsearch, expressjs, fullstack-development, mysql2, nodejs, reactjs, rest-api, search
- Language: JavaScript
- Homepage:
- Size: 59.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Dynamic Search App - React, MySQL, Node
This Dynamic Search App is a fullstack web app thats performs CRUD operations with an user and also has a dynamic search functionality. It uses MYSQL as the database to store users, Express.js for handling server-side logic, React.js for building the user interface, and Node.js for server-side runtime environment. The app provides a seamless experience for developers to manage users.
https://github.com/user-attachments/assets/04ef1190-5203-4538-9dd8-3ff0a7135006
Running the Project Locally
To run this project on your local machine, follow these steps:
1. Clone the Repository: Clone this repository to your local machine:
git clone https://github.com/mushfiqurniazzz/Dynamic-Search-App---React--MySQL--Node
2. Navigate to Project Directory: Move into the project directory, repeat step 3 for frontend as well:
cd backend || frontend
3. Install Dependencies: Install the necessary dependencies using npm or yarn:
npm install
or
yarn
4. Setup Environment Variables: Create a `.env` file in the root of your project directory and add the variables mentioned in .env.sample
5. Start the Development Server: Run the following command to start the development server:
npm start
6. Access the App: Open your web browser and navigate to `http://localhost:3000[server], http://localhost:5173[frontend]` to access the app. You can now use the app locally on your machine, connected to your MySQL database using the credentials specified in the `.env` file.
7. Note: The project may not work if you do not install dependencies in both front end and backend. So you would have to apply step 2 and 3 twice, once in frontend and once in backend.