The internship presentation summarizes a Notes Application project developed by Aftab Ahmed during their 7th semester of an Information Technology program. The project used React, Node.js, Express.js, MongoDB, and other technologies. It was developed in three phases: building the frontend with React and testing with Jest, developing the backend with Node.js and Express.js connected to MongoDB, and connecting the frontend and backend to create a full-stack application.

1. INTERNSHIP PRESENTATION
SUBMITTED BY -AFTAB AHMED
SEMESTER - 7th
BRANCH - INFORMATION TECHNOLOGY
COLLEGE ID - 19IT05

2. Project description
Project name :- Notes Application
Description:- Create tasks inside your notes to give your to-dos as well that can be
viewed on any device.
Technology used :-
Front End :- React , javascript , react router , jest
Back End :- mongodb , nodejs , expressjs, github

3. Project development
The project was developed on 3 phases
Frontend phase :- In this phase implemented the design by using html and css and then
added interactivity to the website in react after that tested the application using the
framework jest.
Backend phase :- in this phase developed the backend using the javascript backend
framework nodejs and used the expressjs to build the backend and database used was
the mongodb.

4. Connection phase :- Then connected both the frontend and the backend of the site to
make it a end-to-end full-stack app.

5. Technology Used In Development
Backend
● Nodejs
● Express js
● Mongodb
Frontend
● Html and Css
● Javascript
● React
● React-Router
● Jest

6. HTML AND CSS
HTML (the Hypertext Markup Language) and CSS (Cascading Style Sheets) are two
of the core technologies for building Web pages. HTML provides the structure of the
page, CSS the (visual and aural) layout, for a variety of devices. Along with graphics
and scripting, HTML and CSS are the basis of building Web pages and Web
Applications.

7. JAVASCRIPT
JavaScript is the most popular programming language for both client-side and server-
side to make interactive web pages. It is mainly used to develop websites and web-
based applications.
● Creating Interactive Websites:
● Building Applications:
● Web Servers:

8. REACT
React is a free and open-source front-end JavaScript library for building user interfaces
based on UI components. It is maintained by Meta and a community of individual
developers and companies.React can be used as a base in the development of single-
page, mobile, or server-rendered applications with frameworks like Next.js. However,
React is only concerned with state management and rendering that state to the DOM,
so creating React applications usually requires the use of additional libraries for
routing, as well as certain client-side functionality.

9. React Router
React Router is a standard library system built on top of the React and used to create
routing in the React application using React Router Package. It provides the
synchronous URL on the browser with data that will be displayed on the web page. It
maintains the standard structure and behavior of the application and mainly used for
developing single page web applications.

10. JEST
Jest is a JavaScript testing framework built on top of Jasmine and maintained by Meta.
It was designed and built by Christoph Nakazawa with a focus on simplicity and
support for large web applications. It works with projects using Babel, TypeScript,
Node.js, React, Angular, Vue.js and Svelte.

11. Nodejs
Node.js lets developers use JavaScript to write command line tools and for server-side
scripting. The functionality of running scripts server-side produces dynamic web page
content before the page is sent to the user's web browser. Consequently, Node.js
represents a "JavaScript everywhere" paradigm,unifying web-application development
around a single programming language, rather than different languages for server-side
and client-side scripts.

12. Express js
Express.js is a back end web application framework for building RESTful APIs with
Node.js, released as free and open-source software under the MIT License. It is
designed for building web applications and APIs. It has been called the de facto
standard server framework for Node.js.

13. MONGODB
MongoDB is a source-available cross-platform document-oriented database program.
Classified as a NoSQL database program, MongoDB uses JSON-like documents with
optional schemas. MongoDB is developed by MongoDB Inc. and licensed under the
Server Side Public License (SSPL) which is deemed non-free by several distributions..

14. MONGOOSE
Mongoose is a Node.js-based Object Data Modeling (ODM) library for MongoDB..
The problem that Mongoose aims to solve is allowing developers to enforce a specific
schema at the application layer. In addition to enforcing a schema, Mongoose also
offers a variety of hooks, model validation, and other features aimed at making it easier
to work with MongoDB.

15. GIT
Git is a popular version control system. It is used for:
● Tracking code changes
● Tracking who made changes
● Coding collaboration

16. GITHUB
GitHub provides the distributed version control of Git plus access control, bug
tracking, software feature requests, task management, continuous integration, and
wikis for every project. It is commonly used to host open source software development
projects.