projet-web-dev

Project to create Game Lobby page using only HTML, CSS and Vanilla JS.

🔗 Live preview: here

Built with

Technologies

• HTML
• CSS
• JS

Tools

• Visual Studio Code
• Linux terminal
• Git and GitHub

Outcome

• Used HTML5 semantic elements for better readability and structure.
• Used CSS3 flexbox to create template and responsivness.
• Used Git and GitHub for project management.
• Used Font Awesome icons.

Summary

What I learned

• Better knowledge of Javascript basics.
• Improved code structure and code readability.
• Improved clean code writing.
• A lot of minor things.

What could be improved

• Better mobile support.
• Cleaner code.
• My commit messages are still not perfect.

How it works?

You simply click on the link (top right) where you'll find a sign-up-form, you can fill it in to get redirected into the lobby or you could always login if you have an account, once in the game lobby you can find the games created, with two links, one of them shows the live preview and lets you try the game, the second one is a github icon that will lead straight up to the source code of each game. ENJOY

Author

👤 Yacine Allal

• GitHub: Yacine_Allal