Posts

Technotarang WebApp

Image
   Tecnotarang WebApp The project is made using React as the Frontend library, Nodejs as a server-side language, and MongoDB as the database. The react application is Divided into components In the Hierarchy where the root or the main component is the App.js and the branches start under it. The Hierarchy of the React application is given in the Bellow Figure. In react, the Web Page or the Application is divided into components and these components are nested inside one another to form a single page. In react we write the code in the .js file but it renders HTML content onto the Browser, this is done with the  JSX  also known as  "JavaScript XML",  the JSX is similar to HTML with a slight difference in the syntax such as the class in HTML is className in JSX as the class is a reserved word in the JS. unlike HTML where we use the anchor tag to jump on the other page, we still can use the anchor tag to jump on other pages but there is another way we can handle routing in React, 

Internship - II (IT446)

Internship - II (IT446) Full Stack Intern This internship started from 14th April to 15th July. it was a three months internship at Dev Squirrel private limited. My Role Position Title:  Full Stack Developer Intern Start  Date: April 14, 2022 End Date:  July 14, 2022 Stipend:  Performance based (Range of Rs. 1k 4k / month worked o n project) M y Responsibilities Maintaining & updating websites based on React /  NextJS Developing & maintaining APIs Writing clear, maintainable and testable code Tools and Technologies ReactJS / NextJS NodeJS AWS DynamoDB Lambda Supabase Redis Work done during Internship 1st month Initially for the 1st week some basic training was provided which include understanding the project and updating some minor modification to the code. Understanding the Frontend part which was in NextJS and Optimizing the site by removing the unused components and css. 2nd month Updating certificate page in NextJS Adding Domain Whitelabelling feature Added SMTP settings A

RIZER (Flutter - Firebase)

Image
   Rizer (Flutter & Firebase) The project is made using Flutter as the Frontend library/framework, Firebase as the backend, and Firestore for the database. Introduction The front-end part of the project is implemented using Flutter for Web as well as Android platform. Flutter provides multi-platform support with a single codebase. Firebase as our backend, it provides all the major features such as Authentication, database (Firestore), Realtime database, storage, hosting Functions, and much more. With this project, Faculty would be able to create quizzes for students, and faculty can add quiz questions dynamically. students will be able to give the quiz and later on, they can analyze in which area they are falling behind. Faculty is responsible to create quizzes, faculty can add categories to the quiz, and depending on which students will be able to analyze their report once they have been given the quiz. Literatur Survey      A.  Tests are an important part of an education institut

Feedback System (FeedSys)

Image
  Feedback System (FeedSys) Using React, Nodejs & MongoDB, Flutter, Material-UI The project is made using React and Flutter as the Frontend library/framework, Nodejs as a server-side language, and MongoDB as the database. The react application is Divided into components In the Hierarchy where the root or the main component is the App.js and the branches start under it. The Hierarchy of the React application is given in the Bellow Figure. In react, the Web Page or the Application is divided into components and these components are nested inside one another to form a single page. In react we write the code in the .js file but it renders HTML content onto the Browser, this is done with the  JSX  also known as  "JavaScript XML",  the JSX is similar to HTML with a slight difference in the syntax such as the class in HTML is className in JSX as the class is a reserved word in the JS. unlike HTML where we use the anchor tag to jump on the other page, we still can use the anchor

Internship - 1 (IOT Home Devices Management System - React App)

Image
 IoT Home Device Management System - (React App) The internship has Four sections Frontend, Backend, Flutter app, hardware. This application was based on Postgres, Node.js, React, and Flutter. The Backend and hardware part was done by or mentor Aditya Patel, the React part was done by Me and one of my Project Partners Bhavya Gosai, and the Flutter part was done by our other two project members Aman Desai and Jash Tewani. The React Application or so-called Web App in the Internship, the app is built in react js. the App is also completely Responsive.  The Web App include the Landing Page, Sign IN / SignUP page , Features Page, Contact Page and the Dashboard. the Dashboard have further sections Devices section, User Setting's section and Setting's section. The Landing page includes the Navbar, Hero section, Features section, Pricing section, clients section, Footer. The Contact us page includes the contact details of the company ans well as the contact form where the user can pos