Summer internship report- Web Development using Nodejs And Reactjs/Abstraction

 Overview/Abstract:

planning:

The primary motive of a site map is to create a website user-friendly and create a structure of a site. A wireframe provides a visual description of a site. Other than that,  I have decided that I am going to make a blog website and I will add functions and feature in a site as I want. This function includes login, email subscription, about, contact, some small feature and so much more.

Design: 

The web design is created according to the target audience. Things to keep in mind are a theme, color contrast, where to place text, head fonts images, videos, etc. The design layout will structure your page is a systematic manner so that it would look appealing. 

1.Navigation bar: this is going to be fixed at the top of the page and will remain at same place when we navigate through the web site, as navigation bar I am going to add logo, links, and login menu at the right side.

2. Content page: Here I will add my text and image/video content with some text styles. A horizontally long  banner of the website will be created, and below of this banner text content and a side menu bar will be created, from the menu user can go to its desire/required page by clicking or typing the page name.

3.Footer: A Simple footer with creator and website information will be displayed


Development:

A home page is first designed than the other pages. the landing or main page is created first, and then all other web pages are added, So I firstly created main page as the  development server(local host) using Nodejs and the whole page is made using Html and CSS. 

In the beginning I just creates a rough idea of website by creating required section and container in Html and give them desired aspect ratio, then I started to create content/features in it and made the page responsible to mobile phone devices also, after creation of the page/project I started page content and some additional features like sidebar, animations, and some other small features.

 


 

Comments

Post a Comment

Popular posts from this blog

edistrict

  id: 100894661 prevpass: Chandan@1234 pass: Chandan@123             17/aug/2021 linked with: Adhaar: 490556476387 phone number: 8285281356 email id:  imjunior471@gmail.com pass: Chandan@123, 1-aug-2023
Read more

Final year project Abstract 2023

The project is based on customer reviews on Amazon or Flipkart. The majority of internet reviews are based on technologies, pricing, specifications, prior to the sale of a product. While purchasing any product, a customer remains in doubt. Although he/she is familiar with specifications, he/she does not know anything about the product's quality or experience. It is important for a customer to know what other customers have experienced with the product. The main goal of this project is to get feedback/reviews from customers about the product and we can help our users with their recommendations, complaints, experiences, and qualities of other customers' experiences with the product. Natural language processing is used to extract sentiment from reviews and help new customers during the purchase process.
Read more

Stable Diffusion image pa

  import torch from diffusers import StableDiffusionPipeline , EulerDiscreteScheduler import matplotlib.pyplot as plt from PIL import Image # Load the pipeline pipe = StableDiffusionPipeline.from_pretrained ( "CompVis/stable-diffusion-v1-4" , torch_dtype=torch.float16 ) pipe = pipe.to ( "cuda" ) # Set a scheduler to include callback pipe.scheduler = EulerDiscreteScheduler.from_config ( pipe.scheduler.config ) # Define the callback to capture intermediate images intermediate_images = [] def save_intermediate_images ( pipeline , step , timestep , extra_inputs ) :     """     Callback function to save intermediate images.     """     latents = extra_inputs [ "latents" ]   # Retrieve the latents from the extra inputs     if step == 0 :         # Capture the first random latent (noise)         with torch.no_grad ():             random_latent_image = p...
Read more