0% found this document useful (0 votes)
26 views15 pages

Presentation 1

Uploaded by

rjfreework
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
26 views15 pages

Presentation 1

Uploaded by

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

DEPARTMENT OF CHEMICAL ENGINEERING

MNIT JAIPUR

Submitted To: Submitted By:

Dr. Surajit Ghosh Siddhi Pal


2021UCH1798
1
CONTENTS

About the Internship Technologie Projects in


Conclusion
Company Projects s used Brief

2
About the
Company
Oa si s I nfoby t e spe c i a l i z e s i n prov i di ng
i nnov a ti v e softwa re sol ut i ons a nd
se rv i c e s. The c om pa ny foc use s on
l e v e ra gi ng c utti ng- e dge t e c hnol ogi e s
to he l p busi ne s se s a nd i ndi v i dua l s
a c hi e v e t he i r di gi ta l goa l s.

Loc a t i on: N e w De l hi

3
Internship Projects

• Blogging Platform: A website where users


can create blog posts, similar to a digital diary
or magazine. It serves as a digital space
where individuals can express their thoughts,
share knowledge, tell stories, and engage with
an audience.

4
• Project Management App:A project
management app is a tool designed to
help individuals organize, plan,
execute, and monitor their work
effi ciently.

5
Technologies Used in Project 1
Frontend:

CSS (Cascading JS (JavaScript):


HTML (HyperText Markup Adds interactivity
Style Sheets):
Language): is the standard and dynamic
Styles and layouts
markup language used to functionality to web
web pages,
create and structure content pages, enabling
controlling visual
on the web. It forms the tasks like form
appearance,
backbone of all web pages validation and real-
responsive design,
and web applications. time updates.
and animations.

6
Backend:

Express.js: A EJS (Embedded MongoDB: A


Node.js: A runtime
minimal and flexible JavaScript): is a NoSQL database
environment for
Node.js web templating language that that stores data in a
executing JavaScript on
framework that helps you create HTML flexible, JSON-like
the server side, enabling
provides powerful pages with dynamic format, ideal for
fast and scalable web
features for building content using JavaScript. applications
applications.
APIs and handling It works with Node.js and requiring scalable
HTTP requests. Express to build web and dynamic data
pages on the server handling.
before sending them to
the browser.

7
User Authentication:

JWT (JSON Web Token) is a compact, URL-safe token format


used for securely transmitting information between parties as a
JSON object. JWTs are commonly used for authentication and
authorization purposes in web applications.

Bcrypt is a popular password hashing function designed to


securely store passwords. It's used to transform a plain-text
password into a hashed (encrypted) version, which is then
stored in a database.

8
How it works:
When a user registers, their details(like username, email, and password)
are sent to the backend. The backend hashes the password using bcrypt
and stores the hashed password in the database(MongoDB). During login,
the provided password is compared with the stored hashed password.
Upon successful authentication, a JWT token is generated and sent back
to the client to maintain user session.

9
Key Features of the Blogging Platform

•Easy user registration and login


•Create, edit, and delete blog posts
•Commenting on blog posts
•Search functionality
•Mobile-friendly design

10
Technologies Used in Project 2

Frontend: Backend:

React JS : is a
javascript library that
simplifies the process
of building dynamic
user interfaces by
using reusable
components and a
virtual DOM.

11
Key Features of the Project Management tool

•Add projects and tasks


•Assign tasks
•Set deadlines
•Monitor progress

12
Projects In Brief:

Frontend Backend Integration of Frontend


Development: Development: and Backend:

• Designing responsive • Seamlessly connect the user


• Ensuring data
and user-friendly interface with the server-side
security,
interfaces. logic.
authentication,
• Enhancing • Used APIs to communicate
and efficient
interactivity and user between the frontend and
data
engagement. backend.
management.
• Handled state management to
provide a cohesive user
experience.

13
CONCLUSION
Challenges Faced:
• Balancing multiple features and functionalities while
maintaining code readability and effi ciency.
• Handling State Management in React.
Learning Outcomes:

• Enhanced Problem-Solving Skills

• Learned the end-to-end process of developing a web application,


from designing the frontend to deploying the backend.

14
Thank You

15

You might also like