Scribd
Upload
13 views6 pages

Web Development Team TASK 2023-24

Uploaded by

swarajdian05meet
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
13 views6 pages

Web Development Team TASK 2023-24

Uploaded by

swarajdian05meet
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

MASK

Manga and Anime Society Kharagpur


Web Development Task 2023-24

Kon’nichiwa min’na. The Web Development


(WebDev) team is responsible for the maintenance
of the society’s website kgpmask.club while also
working on adding new features and
enhancements to the website. As such, we expect
you to be proficient with the languages and
software you will use.

Join the WhatsApp group and feel free to ask


your doubts and queries.

2
General Guidelines

WebDev consists of two main categories: Front-end development and Back-end


development.

● Front-end development involves parts of the website you can see using your
browser. For working on the front-end, you should at least know HTML,
CSS and a bit of Javascript. Any additional framework you know how to use
is just a bonus.
● Back-end development involves working on the server, sending pages and
assets and forwarding data to and from the database. We are using a Node.js
stack for the backend, and as such, your task will also be on Node.js
(Javascript, simply put)

You can pick either the front-end task or the back-end task. In each set of tasks,
doing only one task is enough.

3
FRONT END TASKS

In this set, you are to make some questions while keeping the target audience in
mind. We have provided enough description to understand it, but you can always
ask for more info via the WhatsApp group. Also, do not use the same anime more
than once in a given task.

1. Task ID: F01-REC

Recreate the designs in the link below using a tech stack of your choice. A
tech stack refers to a collection of frameworks/libraries. Therefore, you
can use just HTML, CSS and Javascript or some other libraries you are
familiar with, such as Bootstrap, Tailwind, JQuery, or even React. Link

You are free to add your own spin to this design. Let your creative mind
take over and show us something we’ve never seen before. An example of
what you can do is (make a GIF play when you hover on images/change
the contrast of cards when they’re interacted with, etc. )

2. Task ID: F02-PRF

Check out our website. We want you to create a profile page that fits the
website's theme. The profile page should display a card containing a
picture and some details (like favourite anime, hobbies, a quote, etc. ) The
page and its components should be made in only HTML and CSS,
including hover animations and transitions.

4
BACK END TASKS

1. Task ID: B01-SRV

Create a small web server using Node.js and the Express framework. The
server should be able to handle GET and POST requests. Make the server
render a form for GET requests and accept the form data, and store it
using POST requests.

2. TASK ID: B02-MSV

Create a simple mail server using Node.js and the Express framework. It
should be capable of sending and retrieving emails using SMTP and
IMAP protocols. You are urged to use the nodemailer module and create a
simple web-client to interact with the server. The emails must be saved in
a MongoDB Database. For authentication you can either use oAuth2 or
create a custom authentication handler.

5
SUBMISSION

Your deadline is Monday, 2nd October 2023, 11:59 PM. Add ItsAnkan,
SachdevJai and Goose-Of-War as collaborators to your GitHub task
repository so we can check your submissions.

Your submission will be in a GitHub repository. Your repository’s name will


be of the form MASK-W23-<name>-<roll> (For example,
MASK-W23-Rajesh-23MX10020). Your repository will contain the following
things:

A README file, which will contain details such as your Name, Roll Number,
Discord Username, MyAnimeList/Anilist Profile link and also a brief
description of yourself. We also want you to mention the amount of tech
experience you already have (even if it is irrelevant to the current tasks/tech
stack, such as Python or Java) and a brief anecdote/story about your
experience working on the tasks. Also add any projects you might have worked
on before in the readme, we’ll be glad to have a look :D.

A folder for each task with the task ID as the folder name. In that folder, all
relevant files and assets will be kept. Note that even if multiple tasks use the
same set of assets, you will have to save them separately in each folder.

While your code will be judged on completeness, functionality and clarity, we


will also be open to checking an incomplete task. (Similar to PDS lab, if the
logic seems sound, we can give you some points.) We are available to provide
feedback for the same until the deadline ends.

You might also like