Scribd
Upload
8 views

FSW Assignment

The document outlines two web applications developed by Vaishnavi: a CRUD app for managing employees and a personal portfolio. Both applications utilize Node.js for the backend, React.js for the frontend, and MySQL for the database, with Docker for containerization. Key features include employee management functionalities in the CRUD app and a showcase of personal skills and projects in the portfolio, with CORS functionality implemented for seamless deployment.

Uploaded by

Sanya Dixit
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
8 views

FSW Assignment

The document outlines two web applications developed by Vaishnavi: a CRUD app for managing employees and a personal portfolio. Both applications utilize Node.js for the backend, React.js for the frontend, and MySQL for the database, with Docker for containerization. Key features include employee management functionalities in the CRUD app and a showcase of personal skills and projects in the portfolio, with CORS functionality implemented for seamless deployment.

Uploaded by

Sanya Dixit
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

KALINDI COLLEGE

DELHI UNIVERSITY

FullStack Web Development II (FSWD)


(Assignment)

Submitted by :Vaishnavi Submitted to : Mr.


B.Voc (Web Designing) Kulanshu Sharma
(22105032)
CRUD APP
Overview:
This application is a CRUD (Create, Read, Update, Delete) system for
managing employees. The app is built using the following technologies:
Backend: Node.js
Frontend: React.js
Database: MySQL
Containerization: Docker
Key Features:
Admin can:
o Add a new employee (with id and name).
o Update the details of an existing employee.
o Delete an employee from the system.
o View a list of all employees in a table format.
Project Structure:
1. Backend (Node.js + MySQL)
index.js: Main entry point for the server.
2. Frontend (React.js)
Contains React components like EmployeeForm.js.
App.js: Main component that ties everything together.
3. Dockerization
Docker.backend: Defines the image for the Node.js backend.
Docker.frontend: Defines the image for the Reactjs frontend.
docker-compose.yml: Used to run the app with MySQL and Node.js
containers together.

API Endpoints:
The following are the available API endpoints for managing employees:

• GET /insert — add the employees.


• GET /show — show the employees.
• GET /delete — delete the employees.
• GET /update — update the employees.

CORS Issues:
I have added the cors functionality so that there should be no
error in deploying frontend and backend together.
Git Repository:
https://github.com/vaishnavi-diya15/CRUD
Docker Repository:
https://hub.docker.com/repository/docker/vaishnavidiya15/crud_
app/general
PORTFOLIO
Overview:
This application is my Portfolio that showcases my skills, projects,
achievements, and other relevant information. The app is built using the
following technologies:
Backend: Node.js with Express.js
Frontend: React.js
Database: MySQL
Key Features:
Display personal information like soft skills, technical skills,
achievements, and projects and also, I can update all these through my
database.
Some general information about me like education, languages are also
there.
Responsive design for a seamless experience across devices.

Project Structure:
1. Backend (Node.js + Express.js + MySQL)
index.js: Main entry point for the server.
2. Frontend (React.js)
App.js: Main component that ties everything together.
App.css: All the styling is added to this file.

API Endpoints:
The following are the available API endpoint:
• GET /skills — to show my skills .
• GET /project — to show my projects.
• GET /softskills — to show my soft skills.
• GET /achievements — to show my achievements.

CORS Issues:
I have added the cors functionality so that there should be no
error in deploying frontend and backend together.
Git Repository:
https://github.com/vaishnavi-diya15/My_Portfolio

Thank you!!!

You might also like