➢ Domain: Backend Development

➢ Student: Nikhil Ranjan (CSE - AI & ML)

➢ Roll No: 22EJIAI067
➢ Company: Systarc Technologies
➢ Location: Jaipur, Rajasthan
➢ Tutor: Mr. Anil Raghav
➢ Internship Duration: 4 Months

2
❑ Name: Systarc Technologies
➢ Website: www.systarc.com
➢ Overview: Systarc Technologies is a certified software development company established in 2018, based
in Jaipur, Rajasthan, India
➢ My Role: I worked on building and testing backend systems for company projects, ensuring APIs and
databases functioned smoothly within given timelines.
❑ Services Offered:
➢ Website Design & Development
➢ Mobile App Development (iOS & Android)
➢ E-commerce Solutions
➢ Software & ERP Systems
❑ Company Facts:
➢ Delivered 345+ high-quality projects
➢ Works with clients from India and globally
➢ Emphasizes innovation, quality, and client satisfaction
 WHAT IS BACKEND DEVELOPMENT?

➢ Backend is the part of a website or app that runs behind the scenes.

➢ It is responsible for data storage, server logic, and communication with frontend.

➢ Without backend, frontend cannot work properly.

❑ Main Work of Backend:

➢ Save and fetch data from database

➢ Handle user logins & security

➢ Run business rules (like payment, order tracking)

➢ Send correct data to frontend (React)

➢ Example: On Amazon, backend stores your order, processes payment, and updates stock.
3
 FRONTEND VS BACKEND

❑ Frontend (Client-side):

➢ Visible to users (buttons, images, forms).

➢ Made with HTML, CSS, React.

➢ Focuses on design & user experience.

➢ Runs in the browser.

❑ Backend (Server-side):

➢ Works in background (server, database, APIs).

➢ Made with Node.js, Express.js, Python, Java.

➢ Handles logic, data, and security.

➢ Runs on the server.

Example: You click “Login” (Frontend). 4

Backend checks your details in database → gives access.

 MAIN COMPONENTS OF BACKEND

❑ Server – Runs backend code and responds to user requests.

Example: When you search a product on Amazon, the server sends product details to your browser.

❑ Database – Stores all data like users, products, and orders.

Example: Instagram saves your username, email, and password in a database.

❑ APIs – Work as a bridge between frontend and backend.

Example: React asks API → “Show profile picture” → API fetches from database.

❑ Business Logic – Rules that decide how the app works.

Example: If cart total > ₹500 → give 10% discount. Only admin can delete products.

❑ Security – Protects user data from hackers.

Example: Login system (JWT, password encryption) ensures only you can access your bank account.

These 5 components together make the backend powerful, reliable, and secure. 5
 TECHNOLOGIES I USED IN INTERNSHIP

➢ Node.js → JavaScript runtime for backend.

Example: Runs code to process user login requests.
➢ Express.js → Lightweight framework for building APIs.
Example: app.get("/users") → fetches all users.
➢ React.js → Frontend library for user interfaces.
Example: Shows product list on an e-commerce site.
➢ MongoDB → NoSQL database for flexible data.
Example: Store user profiles like {name:"Nikhil", age:22}.
➢ Git & GitHub → Version control.
Example: Save code changes and share with team.
➢ Postman → API testing tool.
Example: Test /login API before connecting to frontend.
➢ Vercel/Render → Deployment platforms.
5
Example: Host backend & frontend so anyone can use the project online.
 REACT.JS

❑ What is React.js?
➢ A frontend JavaScript library developed by Facebook.
➢ Used to build fast and interactive UIs.
➢ Works with components (small reusable parts).
❑ Why React?
➢ Component-based → Reusable code, easier to manage.
➢ Fast rendering with Virtual DOM →
Updates only the changed parts of the UI, not the whole page.
Improves performance and speed.
Makes apps feel more smooth and responsive.
➢ Easy to connect with backend APIs for dynamic data.
Example :
➢ On an e-commerce site, React shows products and updates the
cart instantly, while the backend saves the order.
 EXPRESS.JS
❑ What is Express.js?
➢ A web framework built on top of Node.js.
➢ Makes creating APIs and routes simple and structured.
➢ Provides tools to manage requests, responses, and middleware.
❑ Key Features I Used:
➢ Routing – Handle different URLs (/login, /products).
➢ Middleware – For authentication, error handling, and logging.
➢ RESTful API Support – CRUD operations (Create, Read, Update, Delete).
➢ API Handling – Send/receive data between frontend and backend.
➢ Dynamic Routes – Example: /users/:id → fetch user by ID.
❑ Example :
Created routes like:
➢ GET /users → fetch all users
➢ POST /login → user authentication
➢ DELETE /products/:id → delete a product
 NODE.JS

❑ What is Node.js?
➢ A runtime environment to run JavaScript on the server, not just the browser.
➢ Fast & lightweight because it uses event-driven, non-blocking system.
➢ Best for making scalable backend apps.
❑ Why Node.js?
➢ Same language (JavaScript) for frontend + backend
➢ Can handle thousands of requests at once
➢ Huge library support via npm
❑ What is npm?
➢ npm → Provides thousands of ready-made libraries for Node.js.
➢ Saves time by reusing code instead of writing from scratch.
❑ Example:
➢ Node.js handled API requests like login/signup
➢ Connected with MongoDB & MySQL to store and fetch data
 DATABASE DESIGN
❑ MySQL (Relational):
➢ Stores data in tables with rows and columns.
➢ Example: User table with name, email, password.
❑ MongoDB (NoSQL):
➢ Stores data in collections with flexible JSON-like documents.
➢ JSON objects allow storing nested data easily (like order items, user
addresses).
• Example: Orders stored as {userId: 1, products: [{id: 101, qty:
2}], status: "pending"}
❑ Database Example in Project:
➢ Users: id, name, email, password
➢ Products: id, title, price, stock
➢ Orders: id, userId, productId, status
Using both SQL and NoSQL helped me understand different ways to
organize and store data.
 API DEVELOPMENT

❑ How I Used APIs

➢ Built RESTful APIs to connect frontend and backend.
➢ Handled CRUD operations (Create, Read, Update, Delete).
➢ Examples :
➢ GET /users → Fetch all users
➢ POST /login → Authenticate user with JWT
➢ PUT /products/:id → Update product details
➢ DELETE /orders/:id → Cancel order
Real-Life Example:
➢ On an e-commerce site, when a user clicks “Buy Now”,
➢ React (frontend) calls the POST /orders API.
➢ Express.js (backend) saves the order in the database.
APIs made it possible for the React frontend to display and update real
data from the backend.
 AUTHENTICATION & SECURITY
❑ Why Security?
➢ Protects user data and prevents misuse of the system.
❑ Techniques I Used (with Examples):
➢ JWT Tokens → Used for secure login sessions.
Example: When you log in to Instagram, you stay logged in until you log out.
➢ Bcrypt Hashing → Stores passwords in encrypted form.
Example: Even if the database is hacked, your password isn’t visible in plain text.
➢ Role-based Access → Different permissions for Admin vs User.
Example: In Amazon, only the seller (admin) can add/edit products, while customers can
only view/buy.
➢ Validation → Checked input to prevent SQL/NoSQL injection.
Example: If someone tries to put harmful code instead of a username, the system blocks it.
➢ CORS & HTTPS → Allowed only safe and trusted connections.
Example: The browser shows a lock icon (HTTPS) on banking websites for secure data
transfer.
 SIMPLE PROJECT SUMMARY
❑ This project is a game browsing web app where users can search, filter, and view game details using the
RAWG API.
❑ Users can log in with Clerk Auth and save their favorite games in a Library/Bookmarks section, managed
by Redux.

Importance
➢ Shows I can build a real, functional web app.
➢ Covers both frontend (React) and backend (Node.js + Express) skills.
➢ Demonstrates important features like search, filters, pagination, authentication, and state management.

Technologies & Use

➢ React → Build UI and components.
➢ Bootstrap + CSS → Styling and responsive design.
➢ RAWG API → Game data (list, details, screenshots).
➢ Redux → Manage favorites/bookmarks state.
➢ Clerk Auth → User login, signup, and secure bookmarks.
➢ Node.js + Express.js → Backend API layer (secure API calls, custom routes, future database support).
 CONCLUSION & ACKNOWLEDGEMENT
❑ Conclusion:
➢ My internship gave me practical backend knowledge.
➢ I built projects using Node.js, Express.js, React.js, MongoDB, and MySQL.
➢ I understood how to make a complete full-stack application.
➢ This training prepared me for real-world projects.
❑ Projects:
➢ Game Library Web App → https://game-nu-one.vercel.app/
➢ MultiMart E-commerce Website → https://multimart-e-commerce-rho.vercel.app/
➢ Notes App → https://notes-app-3p4u.vercel.app/
❑ Acknowledgement:
➢ Thanks to Systarc Technologies for giving me this opportunity.
➢ Special thanks to my senior for guidance and support.
➢ Thanks to my team members and friends for their help.
Backend development is truly the backbone of modern applications.