Scribd
Upload
77 views19 pages

Cse 326 CA 1

This document describes a blog site project created by two students, Siddhartha Behera and Keshav Kumar, for their CSE326 Internet Programming Laboratory course at Lovely Professional University. It includes an abstract, introduction, team member roles and contributions, screenshots of the blog site, code descriptions, and a conclusion. The project involved building a blog site with HTML, CSS, JavaScript, and Sass to publish blogs and allow user submissions.

Uploaded by

Keshav Kumar
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
77 views19 pages

Cse 326 CA 1

This document describes a blog site project created by two students, Siddhartha Behera and Keshav Kumar, for their CSE326 Internet Programming Laboratory course at Lovely Professional University. It includes an abstract, introduction, team member roles and contributions, screenshots of the blog site, code descriptions, and a conclusion. The project involved building a blog site with HTML, CSS, JavaScript, and Sass to publish blogs and allow user submissions.

Uploaded by

Keshav Kumar
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/ 19

BLOG SITE PROJECT

AS A PROJECT WORK FOR COURSE

CSE326- INTERNET PROGRAMMING LABORATORY


NAME :Siddhartha Behera
REGISTRATION NUMBER :12103370
ROLL NO :RK21RSA28
SECTION :K21RS
NAME :Keshav Kumar

REGISTRATION NUMBER :12103252

ROLL NO :RK21RSA40

SECTION :K21RS

PROGRAMME :CSE B TECH

SEMESTER :SECOND

SCHOOL :SCHOOL OF COMPUTER SCIENCE


AND ENGINNERING
NAME OF THE UNIVERSITY : LOVELY PROFESSIONAL
NAME OF UNIVERSITY
DATE OF SUBMISSION UNIVERSITY, JALANDHAR,
PUNJAB
DATE OF SUBMISSION : 20 APRIL 2022
BLOG SITE PROJECT

ABSTRACT:-
A blog site is a website containing web articles authored
by various people. Usually anyone can write a blog and
submit it to the website’s owners for it to be published.
There are some sites that help you make your own blog
like blogspot from google. The main purpose of this site
is to publish relevant info and news such as Russian
Ukraine war and Covid-19 new variants. This site we will
be building publishes blogs usually written by the
creators. There is an option to submit your blog as a
message in the site as well.

ACKNOWLEDGEMENT:-
We would like to thank our mentor – MD Imran
Hussain for his advice and inputs on this project.
Many thanks to our friends and respective parents as
well who spent countless hours to listen and provide
feedback.
TABLE OF CONTENTS
1. ABSTRACT

2.INTRODUCTION
-CONTEXT
-MOTIVATION
-IDEA

3.TEAM MEMBERS WITH ROLES


-MEMBERS
-CONTRIBUTIONS

4.SCREENSHOTS

5.CODE

6.CONCLUSION
INTRODUCTION:-
1.CONTEXT
This project has been done as part of our course for the CSE
at Lovely Professional University . Supervised by Imran
Hussain sir.

2.MOTIVATIONS
Being extremely interested in everything having a relation
with the Frontend development, the group project was a
great occasion to give us the time to learn and confirm our
interest for this field. The fact that we can publish our own
and people’s thoughts with this, it makes the internet an
interesting place to be at. That’s why we decided to conduct
our project in html, javascript and scss.

3. IDEA
As our first project we brainstormed a lot and in the
end we came up the idea to make a portfolio or an
utility site. But later we decided to make it as a blog
site to publish variety of ideas and make it more
interactive as well.
TEAM MEMBERS:-

Siddhartha Behera:-

Contributions-
1. Coding(joined)
2. Report

Keshav Kumar:-

Contributions-
1. Coding(joined)
2. Stylesheet
SCREENSHOTS:-

MAIN PAGE WITH NAME AND A


BRIEF DESCRIPTION
LIGHT MODE IMPLEMENTATION USING JAVASCRIPT
AND SCSS
MAIN PAGE FOR BLOGS OF THE DAY

BLOG IN THE SITE


CODE:

The website folder contains the index.html which serves as


the homepage and then other pages with .html extension
serve as other pages to be redirected into by clicking on
something relevant. There is also the “style” folder which
contains styles.scss the main stylesheet and we use
sass --watch input.scss output.scss
to automatically produce a css stylesheet from scss.
Below is the code of index.html then styles.scss and app.js
which are the main component of this project. App.js helps
setting up event listener and toggling between dark and
light mode.
NEXT IS CODE FOR APP.JS:

NEXT IS STYLES.SCSS:
OUR REPOSITORY CAN BE USED TO SUGGEST ANY
MODIFICATIONS
https://github.com/Sid3hxrth/blog-js-scss-2/
CONCLUSION:

THIS PROJECT MEANT TO BE OF USE TO


OTHERS AND OURSELVES TO DEVELOP OUR TECHNICAL
SKILLS AND WELL AS OUR DECISIVE SKILLS.

REFERENCES:

1. Freecodecamp.org
2. Wikipedia
3. javatpoint

You might also like