himangshucyber Goto Github PK

111

class 111

118

118

119

119

a-glorious-victory

lol

adv-c89-the-math-quiz-1

In This Project, We Will Write The Html Code For The Login Page. And Remember Name Of The File Should Be Index.Html

adv-c93

Company Dashboard My Classes & Calendar My Quizzes My Projects My Report Card Invite & GET LAPTOP Community Community Capstone My Cards icon Your Personal Concierge Manage Website Profile Privacy Policy Back Submit before 30th Aug to earn 80 points ADV-C93: LETSCHAT WEB APP - 1Assigned In This Project You Have To Design A Ui For The Login Page And Store The User Name In Localstorage. INSTRUCTIONS Watch the above video to understand the project Start Your Project Read all the instructions carefully to understand the project Click on "Start Project" to go to the project playground and start your project Start Project Submit Your Project Learn how to submit your projectvideo Paste your project URL Submit Project Class Summary This project is based on your last class ADV-C93 View Class Summary query-iconAsk a doubt to your teacher

adv-c93-letschat-web-app---1

INSTRUCTIONS: ____________________________________________________________________________________ Goal of the Project: In Class 93, you learned how to design the UI for the login page. LetsChat WEB APP - In this project, you are supposed to make a chatting app named “LetsChat” similar to the one you will be making in the class. The above Project goal is very big to be completed in a single project, so don’t worry we will be completing in parts, just follow the instructions and complete the current project. In this project you have to design a UI for the login page and store the user name in localStorage. **This project is divided into multiple parts. Make sure you complete each part before proceeding to the next one.** Story: St. Fairy School is going digital! In the first phase, they created a very detailed website. In the next phase of digitization, the school wants to launch a chatting app. This should be a platform where all the students can communicate with each other and the teachers about various events happening in the school. Kids and teachers should be able to login, enter specific chat rooms and share their ideas. They should also be able to view what is being planned for a particular event. You are on the team that is creating this app. Your first task is to design a beautiful UI for kwitter login page. © 2019 - WhiteHat Education Technology Private Limited. Note: This document is the original copyright of WhiteHat Education Technology Private Limited. Please don't share, download or copy this file without permission. ADVANCED LetsChat WEB APP - 1 *This is just for your reference. We expect you to apply your own creativity in the project. Getting Started: Create a new folder named Let-Chat-Web-App in which you have to create the following files: ● index.html ● Kwitter.css ● Kwitter.js ● Kwitter_room.html ● Kwitter_room.css ● kwitter_room.js *If the folder does not have any one of these, then create that particular file in kwitter_project folder. Specific Tasks to complete the Project: 1. Add links for the kwitter.css file and kwitter.js file in your index.html file. 2. Create a login page -index.html - with a different UI look. Make sure it has following elements: ● Input box to take the username for login. ○ This input box should have an id for identification. © 2019 - WhiteHat Education Technology Private Limited. Note: This document is the original copyright of WhiteHat Education Technology Private Limited. Please don't share, download or copy this file without permission. ADVANCED LetsChat WEB APP - 1 . ● Use bootstrap classes to style this element and give additional styles in kwitter.css. 3. Add an onClick function to the login button. ○ Use this function to add the username in the localStorage as follows: ● Use bootstrap classes to style this element and give additional styles in kwitter.css. 4. Add code for the following in kwitter.js file for the login page: ● Take the username from the input box, store it in localStorage and then redirect it to kwitter_room.html page. *Note: Let kwitter_room.html and kwitter_room.js be empty for now, we will code for this in the next project. 5. Check the code and see the output of the design before submitting the project. *Refer to the images given above for reference. Submitting the Project: Create a folder Let-Chat-Web-App and upload all the files related to the Let-Chat-Web-App project on GitHub. You can get the steps to do this by clicking on this link. Copy the hosted link which you will get after uploading all your files on GitHub and submit it in the Student Dashboard Projects panel against the correct class number. © 2019 - WhiteHat Education Technology Private Limited. Note: This document is the original copyright of WhiteHat Education Technology Private Limited. Please don't share, download or copy this file without permission. ADVANCED LetsChat WEB APP - 1 Hints: 1. Use bootstrap to make your design more attractive. ● Here are some links which will help you in making the bootstrap framework ○ Grid system ○ Bootstrap Templates 2. Refer to the information given in the link below to see how a value can be stored in a localStorage. ● Store value in localStorage

ai-gesture-class-123

class 123

asdad

dasda

avengers-2

;-;

birthday_wishes

#plshelpme #call_100

buscuit

class 127

c-79

c106

lol

c85_1

First_Part

circle-point

#am_i_alive?

class-100

Voice selfie final

class-105

issue

class-107

class 107

class-108

lol

class-113

class 113

class-116

lol

class-122

122

class-124

class 124

class-125

class 125

class-128

class 128

class-132

class 132

class-57

class-58

class-59

Class 59 (what more do you need?) :)