building a web application: projects
Welcome to the Building a Web Application projects page! Once you have worked through the internal labs with your instructors, have a good at these projects.
These projects expect you to use Bootstrap 5 for your frontend development (HTML, CSS & JS). Bootstrap is a powerful, feature-packed frontend toolkit.
Bootstrap 5 documentation: https://getbootstrap.com/docs/5.2/getting-started/introduction/
The backend development should be created using Flask.
Flask documentation: https://flask.palletsprojects.com/en/2.3.x/
Create a simple login server in Flask. Use a python dictionary as your in-memory database to store users' usernames and passwords.
In-memory database example:
users_database = {
"username1" : "password",
"username2" : "password"
}- Login page
- Make use of Bootstrap 5 forms to create the login page
- Logged in user dashboard/home page
- Error page
- Logout page
- Triggered by a logout button
Implement a user interface for the MP3 Playlist challenge.
- Ability to create a Playlist
- Ability to add/ remove a song
- Clear/Reset the Playlist
- Display the Playlist
- Add a login page to the UI
- Load a playlist from a text file through the UI
- Shuffle all the songs in the Playlist
- Calculate the total duration of the playlist