Step 4 Coding or Implementation Phase of Age Calculator Application
At this stage, the fundamental development of the product starts. For this, we use a specific programming code as per the design. Conventional programming tools like compilers, interpreters, debuggers, etc. are also put into use at this stage.
4.1 Environment Creation:
In this stage we are going to create the environment to build our project, We will install all required software and extensions for ease in the coding part.
Required Softwares:
- VsCode: Vs Code is a widely used text editor for development purpose .
- Google Chrome: You need to install a web browser to execute the html code. You can use any of your favourite web browser.
4.2 Project Setup
In our project we are using HTML, CSS, JavaScript, React.js and Tailwind to build the project so in this stage we are going to code our project. Before going further lets talk about the environment we need for the project.
Source Code: https://github.com/w3wikiorg/Age-Calculator
Here are the steps to run the code in you computer:
Step 1: Setup node.js
We must have NodeJS installed on our PC. So, the very first step will be to install NodeJS. Once we have set up NodeJS on our PC, the next thing we need to do is set up our project. Here are some article you can refer.
Step 2: Download the source code from github
In this step we download the project from github go to project source code link then click on code then click on Download ZIP. After downloading the zip file extract the it at your desired path.
Or you can also clone the repository by the command:
git clone https://github.com/w3wikiorg/Age-Calculator.git
Step 3: Setup React Dependencies:
Now you have the source code downloaded. Next open you CMD and navigate to your your project’s directory and paste this command which is for download the required packages for the project.
npm install @testing-library/jest-dom @testing-library/react @testing-library/user-event moment react react-dom react-scripts tailwindcss
Step 4: Run:
Now you have all the dependencies required to run the project. Use the following command to run your project.
npm start
Now your project is up and running. You will be able to see the project on https://locahhost:3000.
Here are some of the screen shots of the project.
Homepage:
Homepage of age calculator application project
Result Pupup:
After entering the from and to the user will able to see the result in popup which looks like this:
Result popup of age calculator application
4.3 Code Structure:
Here is how the folder and file structure is looks like:
Code Structure of age calculator application
Age Calculator Application Project | Source Code, SRS, UML Diagrams, Research Paper
In a world where age is a factor for many legal, social, and personal purposes, it is very convenient to have a quick and available method of calculating it. Age calculator applications do just that. These small simple calculators provide an easy and accurate way to determine a person’s age from when they were born. No need to sit down and calculate or thumb calendars: this article looks into the functionality, advantages, and potential uses of age calculator application.
Age Calculator Application project in software development
Contact Us