Displaying the student records which includes first name, last name and skills. So here I have used django and ReactJs for the project.
A full stack application was built using ReactJs and django. Used REST Api for communicating from backend to frontend.
Prerequisites
You need to install the following packages for backend:
asgiref==3.2.3
Django==3.0.1
django-cors-headers==3.2.0
django-jsonfield==1.4.0
djangorestframework==3.11.0
pkg-resources==0.0.0
pytz==2019.3
six==1.13.0
sqlparse==0.3.0
Installing
Clone the repository
https://github.com/saurabhnk-94/Student-Record.git
Setting up your virtual environment:
python3 -m venv .env
Activating Virtual Environment
source .env/bin/activate
Once the repository is cloned and virtual environment set up, go to the directory where the requirements.txt(Student-Record/backend/) is and type the following code in your terminal:
pip install requirements.txt
Then to run the server and type the following code in terminal:
python3 manage.py makemigrations
python3 manage.py migrate
python3 manage.py runserver
Your server is set up with all the APIs active.
For Frontend which is ReactJS, Dependencies are:
"axios": "^0.19.0",
"react": "^16.12.0",
"react-dom": "^16.12.0",
"react-redux": "^7.1.3",
"react-router-dom": "^5.1.2",
"redux": "^4.0.4",
"react-scripts": "0.9.5"
Go to 'Student-Record/student/' and type the following code in the terminal:
npm install
Then to run the react server, type the code:
npm start
The server has been set up and you are ready to go. While navigating through UI.
P.S:The aesthetics of the page is at the most basic level. Some more work could be put in to beautify the UI. The project has been completed keeping the sole aim as working completion rather than aesthetically pleasing.