FAB ACADEMY 2025 shivraj.chhirr@gmail.com

Project Management
Principle and Practices

Fab Leb Charter

I have read the conditions mentioned in the Fab Charter, and I fully agree with all of them.



FAB ACADEMY STUDENT AGREEMENT


The Fab Academy is responsible for:
- Teaching principles and practices of digital fabrication
- Arranging lectures, recitations, meetings, and events for the class
- Evaluating and providing feedback on student work
- Offering clear standards for completing assignments
- Certifying and archiving student progress
- Supervising class preparation
- Reviewing prospective students, instructors, and labs
- Providing central staff and infrastructure for students, instructors, and labs
- Fund-raising for costs not covered by student tuition
- Managing and reporting on the program's finances, results, and impacts
- Publicizing the program
- Promoting a respectful environment free of harassment and discrimination
- Encourage a diverse, accessible, and equitable community

I am a Fab Academy student, responsible for:


- Attending class lectures and participating in reviews
- Developing and documenting projects assigned to introduce and demonstrate skills, in enough detail to be able to reproduce them
- Honestly reporting on my work, and appropriately attributing the work of others (both human and machine, including AI prompts)
- Being prepared to answer questions about my work
- Allowing the Fab Academy to share my work (with attribution) in the class for purposes compatible with its mission
- Working safely
- Leaving workspaces in the same (or better) condition than I found them
- Participating in the upkeep of my lab
- Ensuring that my tuition for local and central class costs is covered
- Following locally applicable health and safety guidance
- Recognizing limits on lab and staff time
- Promoting a respectful environment free of harassment and discrimination

Signed by committing this file in my repository,
(Shivraj Singh)

Website Development

After attending Neil Sir's first class, I took the initiative to build my own website. Initially, it was a bit challenging, but with the support of W3Schools, including HTML coding and free templates, I gradually gained confidence. For coding, I chose Brackets, as it felt simple yet efficient.

Benifit of the website:

- This website will serve as a powerful platform to showcase my work and connect with a wider audience effectively.


Website Dovelopment Process


1. First, I downloaded Brackets
2. After that, I downloaded XnConvert for Resize the photo
3. Then, I downloaded templates from the free CSS website, which looked quite attractive.
4. After that, I finalized one template and opened it in Brackets.
5. Next, I created the header first.
6. I also noted down basic HTML coding from W3Schools in a book.
This is how I built my website.



STEP 1:

First, I downloaded Bracket

STEP 2:

Then, I downloaded XnConvert for Resize the photo


STEP 3:

This is how i used code in bracket for "Header" page 		After inserting my code into Brackets, the website's header is displayed on page like this.


STEP 4:

This is how i used code for "Assignment" page 		And the result here


STEP 5:

This is how i used code for "About Me" page 		And the result here


Tools I used for the complete web development process.

1. Brackets for coding (Link Here)
2. XnConvert for Resize the photo (Link Here)
3. Free CSS website for the html templetes (Link here)
4. W3 School for HTML Coding (Link here)
5. GIT for uploading the web on the fab lab cloud (Link Here)

More details about tools

1. Brackets

I. Overview Brackets: - Brackets is a lightweight and powerful text editor designed for web development, offering a number of features aimed at streamlining the coding process. It is available for free and is open-source, meaning its source code is publicly accessible, and developers can contribute to its ongoing improvement.

II. Key Feature of Brackets: -

  • Brackets has a live preview feature that allows you to instantly view changes made to your HTML, CSS, and JavaScript code in a browser. As you make changes in the code editor, you can see the results immediately in a browser window.

  • Brackets offers inline editing for CSS and HTML. If you're working on an HTML element and want to make changes to its associated CSS, you can simply click on the element in the code editor, and Brackets will show an inline editor for the related CSS, reducing the need to switch between files.
  • Brackets provides code hinting, meaning it can suggest code completions as you type. This feature helps speed up the coding process and reduce errors by suggesting valid options based on the context.

    III. Why Use Brackets: - Brackets provides an intuitive and clean interface, which is easy to navigate. Its minimalistic approach ensures that developers can focus on writing code without distractions


    2. XnConvert

    I. Overview XnConvert:- I. XnConvert is a powerful, free, and cross-platform image conversion tool that allows users to convert, resize, and apply various adjustments to images. It is part of the XnSoft suite of applications, which also includes XnView, a popular image viewer and organizer. XnConvert supports many different image formats, making it a versatile and essential tool for photographers, designers, and anyone who works with images regularly. XnConvert provides both basic and advanced options for batch image processing, enabling users to automate tasks such as format conversion, resizing, watermarking, and applying filters to multiple images at once. The tool’s intuitive interface, combined with its powerful features, makes it a go-to solution for users who need to handle large numbers of images efficiently.

    II. Key Feature of XnConvert: -

  • XnConvert supports over 500 image formats, including popular formats like JPEG, PNG, GIF, TIFF, and BMP, as well as lesser-known formats such as RAW files used by professional cameras.
  • It also supports vector file formats like SVG, making it highly versatile in handling different image types.
  • XnConvert allows users to resize images easily, either to specific dimensions or based on percentages.
  • XnConvert allows users to preview changes before applying them, ensuring that the modifications are as expected before batch processing begins.


    III. Why Use XnConvert: - XnConvert's ability to handle batch processing allows users to perform tasks on multiple images simultaneously, saving a significant amount of time when working with large numbers of images. Whether you're converting formats, resizing, or applying filters, XnConvert allows for high-volume processing without compromising quality.


    3. Free CSS website for the html templetes

    I. Overview: - The Free CSS website is an online resource offering a wide range of free HTML templates, CSS templates, and website themes for developers, designers, and individuals looking to build websites quickly. Free CSS provides high-quality templates that are easy to customize and integrate, making it a great starting point for various types of web projects, whether for personal or commercial use. The website includes templates for everything from simple landing pages to fully functional multi-page websites, all designed with modern web standards in mind. Free CSS has become one of the go-to sites for web designers looking for free templates to jumpstart their projects. These templates are often responsive, user-friendly, and well-structured, which allows users to implement them without much hassle, even if they have little coding experience.


    II. Key Feature of Free CSS website: -

  • Free CSS offers a vast collection of HTML and CSS templates for a wide range of website types. You can find templates for portfolios, business websites, blogs, e-commerce sites, and more.
  • The templates cover different styles and aesthetics, including minimalist, corporate, creative, and magazine-style designs.
  • The templates come with full HTML and CSS code, meaning users have complete access to the source files for customization.
  • The templates are designed with simplicity in mind, allowing users to modify the layout, content, and design without the need for extensive web development skills.


    III. Why Use Free CSS website html templetes: - The templates are designed with simplicity in mind, allowing users to modify the layout, content, and design without the need for extensive web development skills.
    For individuals who may not have a lot of coding experience, Free CSS provides an easy entry point into web design. The templates are structured to be simple to edit, allowing beginners to change the look of their website with minimal effort.


    4. W3Schools for HTML Coding

    I. Overview W3Schools: - W3Schools is one of the most popular online educational platforms for web development and coding tutorials. It offers comprehensive tutorials and references on a variety of programming languages, including HTML, CSS, JavaScript, SQL, and more.
    The HTML tutorials on W3Schools are structured in a way that caters to both beginners and more advanced users. The site is known for its user-friendly approach, interactive coding examples, and clear explanations, making it an excellent choice for anyone who wants to master HTML (HyperText Markup Language), the foundational language of the web.

    II. Key Feature of W3Schools: -

  • W3Schools provides an in-depth HTML tutorial that covers all aspects of HTML, from the basics of creating web pages to advanced topics like forms, tables, and multimedia embedding.

  • Each HTML tutorial is organized into logical sections, allowing learners to follow a clear progression from beginner to advanced topics.
  • The “Try it Yourself” editor lets users modify code in real time, making the learning process more engaging and practical.

    III. Why Use W3Schools: - W3Schools is an ideal platform for beginners who are just starting with HTML. Its clear explanations, interactive examples, and simple layout make it easy for newcomers to understand the basics of HTML and web development.
    By working with the interactive coding examples and completing exercises, learners gain practical skills that they can apply in real-world web development projects. This hands-on experience is crucial for mastering HTML and building websites.


    5. GIT


    I. Overview GIT: - Git is a distributed version control system (VCS) widely used by developers and teams to track changes in source code during software development. For the development of the Linux Kernel, Git has since become one of the most popular tools in the software development world. Its primary function is to manage and store revisions of projects, allowing developers to collaborate efficiently, track changes over time, and revert to previous versions of their code if necessary.
    Git is a command-line tool, but there are numerous graphical user interfaces (GUIs) and integrations with other development tools to make it easier for developers to work with. It is highly flexible, allowing for workflows in which developers can work locally on their machines and then sync their changes with remote repositories, such as those hosted on GitHub, GitLab, or Bitbucket.

    II. Key Feature of GIT: -

  • One of Git's standout features is that it is distributed, meaning every developer has a complete copy of the project repository on their local machine. This allows developers to work offline and still have access to the full project history, which is not the case with centralized version control systems.

  • Local repositories can be used to track changes, create branches, and manage versions without needing a constant connection to a central server.
  • Git maintains a detailed history of commits, which are snapshots of the project's code at a specific point in time. Each commit includes a unique identifier (hash), the changes made, and a message describing the changes.

    III. Why Use GIT: -Git allows developers to track changes to the source code over time. By keeping a detailed history of every change, Git makes it easier to identify bugs, undo mistakes, and manage large codebases. If something breaks, developers can quickly pinpoint which changes caused the issue and revert to a previous, working version.
    Git is designed to handle collaboration among multiple developers, making it easy to work on the same project without overwriting each other’s work. By using branches and pull requests, developers can work independently on new features and then merge their changes into the main codebase without conflict.

    VERSION CONTROL

    GIT bash installation and uploading website on the Fab Lab Cloud Process



    STEP 1:

    First, I downloaded GIT.

    STEP 2:

    Next, I generated an SSH key and added it to the Fableb cloud to verify my account.


    STEP 3:

    Then, I used following command to configure GIT properly on my system.

    STEP 4:

    Following the command provided in STEP 3, I entered it into the terminal, which then automatically generated the process command.


    STEP 5:

    After that, I entered each command one by one into the terminal: 1.git pull
    2.git add --all
    3.git commit -m "message"
    4.git push.
    These commands successfully uploaded the data to the website.

    STEP 6:

    After all these steps, my website was successfully uploaded to the Fab Lab cloud.


    Sketch of the project


    Sketch of IOT Based Cold Storege


    Purpose of the Project


    The project aims to design and implement a small-scale, IoT-based cold storage facility. This cold storage will be used for preserving perishable goods, such as fruits, vegetables, dairy products, or pharmaceuticals, in a controlled environment. The primary goal is to integrate modern IoT technology to monitor and manage critical factors like temperature, humidity, and air quality to ensure optimal storage conditions.


    Benefits of the Project


  • Energy Efficiency: - IoT sensors can monitor temperature and energy usage in real time, helping to reduce energy consumption by optimizing cooling and ventilation.
  • Improved Shelf Life: - By maintaining consistent and ideal storage conditions, the quality and shelf life of stored products are extended.
  • Remote Monitoring: - Operators can access real-time data remotely through mobile apps or web platforms, allowing for quicker decision-making and immediate corrective actions.
  • Cost Savings: - The smart system reduces wastage of goods due to improper storage conditions, saving money in the long run.
  • Predictive Maintenance: - IoT sensors can detect anomalies in the storage system, allowing for early detection of equipment malfunctions before they become costly problems.


    How This Project Will Help


  • Agricultural Sector: - Farmers and small-scale producers can store crops and dairy products longer, reducing spoilage and increasing profitability.
  • Pharmaceuticals: - Medicines requiring specific temperature and humidity control can be safely stored, improving compliance with regulatory standards.
  • Small Business Owners: - Small businesses involved in food storage and distribution can use the system to increase their operational efficiency, improve product quality, and reduce waste.
  • Sustainability: - By reducing energy consumption and product wastage, this project promotes environmentally sustainable practices in the storage industry.


    Key Objectives of the Project


  • Design and Build a Compact Cold Storage: - A small, space-efficient facility that incorporates IoT sensors for temperature and humidity regulation.
  • Implement IoT Monitoring System: - Deploy sensors connected to a central IoT platform that will provide real-time data and alerts to stakeholders.
  • Enhance Data-Driven Decision Making: - Enable remote monitoring and control through web and mobile interfaces to ensure that the storage conditions are always within the required parameters.
  • Optimize Energy Usage: - Minimize energy consumption by dynamically adjusting the cooling system based on real-time data and usage patterns.
  • Ensure Compliance and Quality: - Provide a reliable, cost-effective solution for businesses to ensure their products remain fresh and within quality standards.


    Conclusion


    The smart IoT-based cold storage project will revolutionize the way small-scale storage facilities operate, offering a solution that combines technology, efficiency, and sustainability. By integrating IoT devices, this project not only ensures the longevity and quality of stored products but also provides businesses with the tools to optimize operations, cut costs, and improve profitability. This is an ideal solution for various sectors like agriculture, food distribution, and pharmaceuticals, making it a valuable investment for those looking to streamline their cold storage systems.