Please enable JavaScript.
Coggle requires JavaScript to display documents.
WebShot - Coggle Diagram
WebShot
-
-
-
-
Work:- The basic workflow of the website is designed to assist users in downloading any HTML and CSS files from a website using the site's URL.
Front-End:
- Initially, the user views the first page, which is the login page. Here, they need to fill in their information individually or can opt to use Google login.
- Then, the user is directed to the Home page, where there's prominent branding of WebShot. A navigation bar is present with options such as Home, About, Team, and Log Out. Additionally, there's a URL box with buttons for upload and modifications.
An animated slider provides instructions on how to use the website's features.
A cheat sheet offers helpful information related to the website.
- The About page contains details about the team, coordination efforts, supervising teachers, and college resources for learning.
- Upon submitting the URL, the user is directed to another page where HTML and CSS files can be downloaded separately in PDF or other formats. There's also a button to repeat the process.
- Finally, there's a Log Out button for the user to exit the platform.
Backend:
- The backend functionality includes managing user authentication for the login page, allowing users to sign in with their individual credentials or through Google authentication.
It handles the routing and rendering of pages such as Home, About, Team, and Log Out, along with the associated navigation bar.
- The backend supports the functionality of the URL box, enabling users to upload URLs and make modifications as needed. It also interacts with the database to store and retrieve URL-related data.
- It manages the animation slider feature, providing guidance on using the website's features effectively.
- The backend serves the cheat sheet feature, providing users with relevant information. This information is fetched from the database and displayed on the website.
- It handles database operations for storing team information, coordination details, supervising teachers' data, and college resources for learning. This includes creating, updating, retrieving, and deleting data as necessary.
- Upon URL submission, the backend processes the request to gather HTML and CSS files separately. It interacts with the database to store these files and generates downloadable files in PDF or other formats.
- It also manages the repeat process functionality by updating relevant database records.
- Finally, it handles the Log Out functionality to securely end the user session and interacts with the database to manage user authentication tokens and session data.
Other:- Testing, Documentation, Feedback, Download Option
-