Hannes Lundin

Web Developer | Esports Enthusiast | Music Enjoyer

Projects

Here are some of the projects I've worked on. You can also find the source code on GitHub: View on GitHub.

  • Preschool Site

    An end project for school, this preschool site is designed to be user-friendly and informative for both parents and teachers.

    Developed with HTML, CSS, and JavaScript, the site includes features like class schedules, teacher bios, and a gallery of student activities.

    I designed the entire project from scratch and implemented a custom theme in WordPress.

    Visit the site

    Preschool Site
  • Casino Slots Game

    A fun casino slots game developed using web technologies.

    This game was designed as a school project with a focus on creating a functional 3 reel slot

    • Implemented using React
    • A bonus round triggered approximately every 150 spins, adding excitement and engagement for players.
    • Dynamic animations and sound effects to enhance the user experience.
    • Customizable slot symbols and themes to make the game visually appealing.
    • Implementation of a fair and transparent RTP calculation to simulate real-world casino mechanics.
    • Responsive design to ensure compatibility across various devices.

    The project helped me learn about probability, game mechanics, and user interface design, while also improving my JavaScript and React skills.

    Visit the game

    Casino Slots Game
  • Canvas Game

    A browser-based game created using HTML5 Canvas and JavaScript.

    During this project I learned:

    • Implementing websockets for real-time communication
    • Using HTML5 Canvas for dynamic graphical elements
    • Creating a well-documented codebase with regular git commits
    • Developing a user-friendly interface
    • Designed my own character and map
    • Techniques for collision detection and animations
    • Creating a lively chat functionality
    Canvas Game
  • React Cinema Site

    A full-fledged cinema booking website developed with React, showcasing current movie listings and detailed information.

    The site features:

    • Interactive movie listings with showtimes and detailed movie information
    • User-friendly interface for browsing and booking movie tickets
    • Search functionality to find movies by title
    • Responsive design for optimal viewing on various devices
    • Integration with backend services to fetch real-time movie data
    React Cinema Site 1React Cinema Site 2
  • PHP Book Review

    A web application designed for book enthusiasts to manage and share their reviews. Built using PHP and MySQL, this platform enables users to log in securely, post detailed book reviews, rate books, and interact with a community of readers.

    The application includes user authentication to ensure secure access to personal review collections. Upon logging in, users can view and manage their own reviews, edit existing reviews, and delete reviews if necessary.

    Each book review entry is stored in a MySQL database with fields including title, author, publication year, review text, creation timestamp, and associated user ID for ownership.

    PHP Book Review
  • Make Your Own Website

    A full-stack PHP application where users can dynamically create and manage their own websites using a custom-built platform.

    Utilizing PHP for server-side logic and MySQL for data storage, this platform enables users to create web pages that can include text, images, and other media elements.

    Key features include:

    • User registration and login system with password hashing for security.
    • Ability for logged-in users to create, edit, and delete their own pages.
    • Integration with an image database allowing users to manage image links associated with each unique page.
    • Dynamic page retrieval using server-side rendering, ensuring content is fetched and displayed securely.
    • Design implemented using a responsive CSS framework like Tailwind or Bootstrap, ensuring compatibility across different devices.
    Make Your Own Website