React JS is used to build the system. This project is a easy person-finding application. To fulfill the objective, this project use the React library. You must have Node.js installed on your machine to run this project. When you run the project, the home page is the first page that appears. You can then navigate to the menus from there. Let’s move on to the project’s main feature.
Backend support for this system is provided by Firebase. To make any type of inquiry, you must first register. The user can also report missing people and file a complaint about their neighborhood. You can also report the types of crimes that are occurring in your neighborhood.
Features of Crime Reporting System in React JS
- Login page
- Registration Page
- Manage Missing People
- Manage Crimes
- Complaints Management
Crime Reporting System in React JS Steps on How to Create a Project
Time needed: 5 minutes.
Here’s the step’s on how to create a Crime Reporting System in React JS.
- Step 1: Extract the Project File
First, Extract the project file and move it to any directory when you’ve finished downloading it.
- Step 2: Install Node.js
Next, You need to install first the node.js before you can run this Reactjs project.
- Step 3: Open the folder of Node.js
Next, After you install the node.js, you will go to the left side of pc or laptop and you will see there a windows button, click the windows button and you will see there the node.js folder. Click the node.js folder then you will see there the node.js command prompt and click it to open the node.js command prompt.
- Step 4: Open Command Prompt or Node.js command prompt
Then, after opening the command prompt just type this command “cd” then your directory of your project folder.
- Step 5: Install Node Modules by entering npm install or yarn install
Then , after you paste your project folder in the node.js command prompt, just type this command for me I used “npm install” because it is easy and fast for installing the node modules.
- Step 6: Enter npm start
After that installation of node modules, just type this command “npm start”.
- Step 7: You will direct to http://localhost:3000/.
Finally, after you enter npm start it will directly open to your browser or chrome.
Project Information for Crime Reporting System in React JS
|Project Name:||Crime Reporting System in React JS|
|Language/s Used:||React JS|
|Node.js version (Recommended):||v16.13.2|
|Type:||Website, Web Application|
Downloadable Source Code Below
Anyway, if you want to level up your programming knowledge, especially PYTHON, try this new article I’ve made for you Best Python Projects with source code for Beginners. But If you’re going to focus on web development using Django, you can download here from our list of Best Django Projects with source code based on real-world projects.
Other Related Articles
- Online Crime Reporting System Project in Django with Source Code
- Crime Reporting System Project In PHP With Source Code
If you have any questions or suggestions about Crime Reporting System in React JS with Source Code, please feel free to leave a comment below.