Twitter Clone and Ecommerce website.

Guided By: Presented By:

Mr. Shresth Sahai Shubham kumar: 04751202819
Harshit Pandey: 05551202819
Siddharth Arora : 41551202818
Abhishek Jha: 01551202819

23 Jan2023 INDUSTRIAL TRAINING 2022 1

 ABOUT THE COMPANY-
NAGARRO
 Nagarro is a provider of IT consulting and digital solutions to clients across a variety of
industries.
 The company has clients in the automotive, energy, telecommunications, banking and
finance, media, and public sector industries, among others.
 In a quickly changing and evolving world, the challenges you face are ever more unique
and complex.
 To find solutions, you need forward-thinking, agile, caring partners that can help you
transform, adapt, and build.
 At Nagarro, we excel at digital product engineering and deliver on our promise of
thinking breakthroughs.

Active in 32 Countries with 17000+ workforce.

23 Jan2023 INDUSTRIAL TRAINING 2022 2

 Introduction
Objectives
1.To make a twitter clone that has basic functionalities with data stored in
an online database called HarperDB.

2.Build an ecommerce website that is fully scalable with variousproduct

pages and add to cart feature.

23 Jan2023 INDUSTRIAL TRAINING 2022

 Our Approach
 Made the skeleton of the ecommerce and twitter clone using HTML.

 Used the CSS with Bootstrap framework to style the website.

 Used the Javascript to provide the dynamic behaviour to the website.

 Implemented the backend of the website using Nodejs.

Stored the data in databases like HarperDB and MongoDB.

23 Jan2023 INDUSTRIAL TRAINING 2022

 Techstack Used

Fig 1. Different Technologies Used

23 Jan2023 INDUSTRIAL TRAINING 2022

 TWITTER CLONE

• Features – Login, Signup, logout, tweet, likes, recent tweets.

1) Easy login feature using passport js.

2) Google sign in authorization.

• Database – Harper DB

• Template Engine – EJS

• Styling – CSS and Bootstrap

23 Jan2023
08-06-2022 INDUSTRIAL TRAINING 2022 6
 Work Done
Twitter Clone
 Full stack Twitter clone where
we can login, signup, tweet,
visit profile and logout.

 Easy login with Google Sign

IN authorization.

 Implemented REST API using

Node.js and HarperDB.

 CRUD operations with

Node.js.

 Link: 7

https://twitter-clo-ne.herokuap Figure 2.1. Twitter Clone Demo

p.com/
23 Jan2023 INDUSTRIAL TRAINING 2022
 Figure 2.2. Twitter Clone Demo

23 Jan2023 INDUSTRIAL TRAINING 2022

 Database view for Twitter Clone

23 Jan2023 INDUSTRIAL TRAINING 2022

 E-COMMERCE

• Features – Login, Signup, logout, cart, payment, product description page, search bar

1) Easy login feature using passport js.

2) Google sign in authorization.

• Database – Mongo DB

• Template Engine – EJS

• Styling – CSS and Bootstrap

23 Jan2023 INDUSTRIAL TRAINING 2022 10

 Ecommerce
 E-Commerce website where
you can buy or upload
various products.

 Added slider, login, register,

shopping cart, product and
categories components.

 Implemented REST API

using Node.js and
MongoDB.

 CRUD operations with

Node.js

 Link:
https://ecommerce-shubham.
herokuapp.com/

23 Jan2023 INDUSTRIAL TRAINING 2022

 Product section

23 Jan2023 INDUSTRIAL TRAINING 2022 12

 Future work
 We can make our websites scalable.

 Integration of payment gateways like stripe in ecommerce.

Add full functionality and QOL improvements in product.

23 Jan2023 INDUSTRIAL TRAINING 2022

 Conclusion
• Learned various new technologies currently in demand.(JavaScript , Node,
Frameworks etc.).

• Daily assignments helped in developing a sense of punctuality in completing

my work in a specified deadline.

• Learned how to write modular code which is flexible and is easy to understand

• Make use of official documentation of technologies .

• Debugging using console.

• Assignments link:
https://kumarshubham011.github.io/Nagarro-Internship-assignments/

23 Jan2023 INDUSTRIAL TRAINING 2022

 References
 https://icons8.com/

 https://www.mongodb.com/atlas/database

 https://www.tutorialspoint.com/mongodb/index.html

 https://nodejs.org/en/

 https://www.terraform.io/docs/language/functions/filebase64.html

 https://www.npmjs.com/package/react-file-base64

 https://material-ui.com/

 https://momentjs.com/

23 Jan2023 INDUSTRIAL TRAINING 2022

23 Jan2023 MINI PROJECT 2021 16
23 Jan2023 INDUSTRIAL TRAINING 2022 17
23 Jan2023 INDUSTRIAL TRAINING 2022 18
23 Jan2023 INDUSTRIAL TRAINING 2022 19
Thank you.