himangshucyber Goto Github PK
Type: User
Type: User
class 111
118
119
lol
In This Project, We Will Write The Html Code For The Login Page. And Remember Name Of The File Should Be Index.Html
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
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
class 123
dasda
;-;
#plshelpme #call_100
class 127
lol
First_Part
#am_i_alive?
Voice selfie final
issue
class 107
lol
class 113
lol
122
class 124
class 125
class 128
class 132
Class 59 (what more do you need?) :)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.