It's me, Weronika
  • My Projects About Me
    • Contact Me A simple grey flower design. A simple grey flower design. A simple grey flower design. A simple grey flower design.

    Weronika Vik

    Frontend Developer

    A picture of a young woman smiling with open more with a black and white filter.

    Latest Projects

    Ecommerce Blog Website Museum Website Clothing Website Real Estate Website Movie Website
    1 / 5

    Homepage

    A Screenshot of the PC version of a website called 'Crazy Plant Lady', featuring a banner with various potted plants and a central welcome message to the blog. Navigation links and a search bar are at the top.

    Homepage

    A Screenshot of the PC version of a website called 'Crazy Plant Lady', features three posts in a carousel, each post about plant care with thumbnails: one on handling spiky plants, another on indoor gardening, and the last on essential botanical tools.

    Homepage

    A Screenshot of the PC version of a website called 'Crazy Plant Lady', featuring four in a row posts, with more underneath them, each post about plants and plant tips.

    Homepage

    A Screenshot of the PC version of a website called 'Crazy Plant Lady', featuring all blog posts, with the possibility to search for blogs, and filter through them.

    All Products

    A Screenshot of the PC version of a website called 'Crazy Plant Lady', featuring all blog posts, with multiple posts on top of each other, four in a row.

    All Products

    A Screenshot of the PC version of a website called 'Crazy Plant Lady', featuring a banner with various potted plants and a central textbox with a login form.

    Product Details

    A Screenshot of the PC version of a website called 'Crazy Plant Lady', featuring the admin page. The content includes various blog posts in a row, a seacrhbar on top, and two buttons; create post and sign out button.

    Shopping Cart

    A Screenshot of the PC version of a website called 'Crazy Plant Lady', featuring the admin edit post page, showing options like 'Go Back', 'Editing Post,' 'Save Changes,' and 'Delete Post' along with a media URL and a Media Alt.

    Checkout page

    A Screenshot of the PC version of a website called 'Crazy Plant Lady', featuring the admin edit post page, showing options like 'Go Back', 'Editing Post,' 'Save Changes,' and 'Delete Post' along with texbox named Body and tags.

    Contact page

    A Screenshot of the PC version of a website called 'Crazy Plant Lady', featuring the admin edit post page, showing options like 'Go Back', 'Editing Post,' 'Save Changes,' and 'Delete Post' along with texbox named Body and tags.

    Contact page

    Nuvra

    Type: Ecommerce

    Project:React Project of Winter 2025. The purpose was to make a Ecommerce website using the provided API with a functional contact form, shopping cart and a checkout page.

    Process:Research, Planning, Design, Programming, Testing, launching.

    Tools:Github, Netlify, VS Code, HTML, CSS, JavaScript and React

    Check out the Website Yourself!

    Paperclip iconnuvra.netlify.app Paperclip icongithub.com/werivik/Nuvra

    Crazy Plant Lady

    Type: Blog

    Project:Exam Project of Summer 2024. The purpose was to make any desired blog website where the admin can secretivly login, create-, update- and delete blog posts using the provided API.

    Process:Research, Planning, Design, Programming, Testing, launching.

    Tools:Github, Netlify, VS Code, HTML, CSS and JavaScript

    Check out the Website Yourself!

    Paperclip iconcrazyplantlady.netlify.app Paperclip icongithub.com/werivik/exam24
    1 / 5

    Homepage

    A Screenshot of the PC version of a website called 'Crazy Plant Lady', featuring a banner with various potted plants and a central welcome message to the blog. Navigation links and a search bar are at the top.

    HomePage

    A Screenshot of the PC version of a website called 'Crazy Plant Lady', features three posts in a carousel, each post about plant care with thumbnails: one on handling spiky plants, another on indoor gardening, and the last on essential botanical tools.

    HomePage

    A Screenshot of the PC version of a website called 'Crazy Plant Lady', featuring four in a row posts, with more underneath them, each post about plants and plant tips.

    HomePage

    A Screenshot of the PC version of a website called 'Crazy Plant Lady', featuring the websites footer, a bright pink footer with the websites Logo to the left, and two rows of links to the right.

    HomePage

    A Screenshot of the PC version of a website called 'Crazy Plant Lady', featuring all blog posts, with the possibility to search for blogs, and filter through them.

    All Blogs

    A Screenshot of the PC version of a website called 'Crazy Plant Lady', featuring all blog posts, with multiple posts on top of each other, four in a row.

    All Blogs

    A Screenshot of the PC version of a website called 'Crazy Plant Lady', featuring a banner with various potted plants and a central textbox with a login form.

    Admin Login

    A Screenshot of the PC version of a website called 'Crazy Plant Lady', featuring the admin page. The content includes various blog posts in a row, a seacrhbar on top, and two buttons; create post and sign out button.

    Admin Mainpage

    A Screenshot of the PC version of a website called 'Crazy Plant Lady', featuring the admin edit post page, showing options like 'Go Back', 'Editing Post,' 'Save Changes,' and 'Delete Post' along with a media URL and a Media Alt.

    Admin Edit Post

    A Screenshot of the PC version of a website called 'Crazy Plant Lady', featuring the admin edit post page, showing options like 'Go Back', 'Editing Post,' 'Save Changes,' and 'Delete Post' along with texbox named Body and tags.

    Admin Edit Post

    A screenshot of the PC version fo a website called 'Crazy Plant Lady', featuring admin create post. It includes a section for blog text, title, tags, and a picture with alt text.

    Admin Create

    1 / 5

    Homepage

    A Screenshot of the PC version of a website called 'Community Science Museum', featuring the websites homepage. The website includes tabs such as Home, Science, Visit, Exhibitions, Explore, About, Contact, and Museum. The design features a collage-style layout with various text elements and graphics in a colorful manner.

    Homepage

    A Screenshot of the PC version of a website called 'Community Science Museum', featuring the websites homepage. It includes information about the museum, exhibitions, guided tours, and the exploration of science, particularly focusing on biology and medicine. The website offers free entrance and invites young people to learn more about science through various exhibits and exploration opportunities.

    Homepage

    A Screenshot of the PC version of a website called 'Community Science Museum', featuring the websites footer. The footer is a strong coral pink color, with three rows of information, first on the left is the opening hours, second is about us and third is contact us.

    Homepage

    A Screenshot of the PC version of a website called 'Community Science Museum', featuring the websites 'Exhibitions' page. The website features various sections such as Evolution, Robotics and AI, Cosmology, Ecology, Biology and Medicine, and more.

    Exhibitions

    A Screenshot of the PC version of a website called 'Community Science Museum', featuring the websites 'Exhibitions' page. The website features various sections such as Evolution, Robotics and AI, Cosmology, Ecology, Biology and Medicine, and more. One of the popular exhibitions highlighted is the history of medicine, including breakthroughs like the discovery of penicillin and the first heart transplant.

    Exhibitions

    A Screenshot of the PC version of a website called 'Community Science Museum', featuring the websites 'Exhibitions' page and footer.

    Exhibitions

    A Screenshot of the PC version of a website called 'Community Science Museum', featuring the websites exhibition 'Biology and Medicine' page. The text on the interface describes the focus of the museum on biology and medicine, from micro-organisms to the human body, highlighting major breakthroughs in the field.

    Biology & Medicine

    A Screenshot of the PC version of a website called 'Community Science Museum', featuring the websites exhibition 'Biology and Medicine' page. It has multiple texboxes with images with various information that involves biology and medicine.

    Biology & Medicine

    A Screenshot of the PC version of a website called 'Community Science Museum', featuring the websites exhibition 'Biology and Medicine' page. It has a texbox with a image with information that involves biology and medicine. underneath the textbox is another textbox, with information about the Museums accessibility.

    Biology & Medicine

    A Screenshot of the PC version of a website called 'Community Science Museum', featuring the websites 'Explore' page. It features text related to community, science, museum information, and a question asking 'Which Explorer are you?' with a collage of people

    Explore

    A Screenshot of the PC version of a website called 'Community Science Museum', featuring the websites 'Explore' page. The website includes a section 'Which Explorer are you?' targeting kids, researchers, and teachers.

    Explore

    A Screenshot of the PC version of a website called 'Community Science Museum', featuring the websites 'Explore' page. The website includes a section 'Which Explorer are you?' targeting kids, researchers, and teachers. underneath is a image of a Elephant and a title 'Cant decide?'

    Explore

    A Screenshot of the PC version of a website called 'Community Science Museum', featuring the websites 'Explore' page. The website includes a section 'Cant Decide?', with a image of a elephant and a text over the image saying 'see all exhibitions'

    Explore

    A Screenshot of the PC version of a website called 'Community Science Museum', featuring the websites 'Explore' page. The screenshot shows us a blue textbox with information about the Museums accessibility.

    Explore

    A Screenshot of the PC version of a website called 'Community Science Museum', featuring the websites 'Kids' page. It also includes a message inviting young people to visit the museum to learn more about science.

    Kids

    A Screenshot of the PC version of a website called 'Community Science Museum', featuring the websites 'Kids' page. The content on the website mentions learning about Newtonian physics, meeting a resident Woolly Mammoth, and exploring exhibits designed for interested minds.

    Kids

    A Screenshot of the PC version of a website called 'Community Science Museum', featuring the websites 'Kids' page. It shows information about the museum's programs such as the Young Stars club, holiday clubs, and how to contact them for more information. The website also mentions exploring, experimenting, and going on a journey of discovery with experts and other children.

    Kids

    A Screenshot of the PC version of a website called 'Community Science Museum', featuring the websites 'Kids' page. The screenshot shows us a blue textbox with information about the Museums accessibility.

    Kids

    A Screenshot of the PC version of a website called 'Community Science Museum', featuring the websites 'About Us' page. The text on the website describes the goal of the museum, which is to create a space for people to experience discoveries and ignite a passion for exploring the world.

    About Us

    A Screenshot of the PC version of a website called 'Community Science Museum', featuring the websites 'About Us' page. It includes sections such as Our Goal, and Volunteers. The website aims to create a space for people to experience discoveries and ignite a passion for exploration. It also mentions opportunities for volunteering at the museum.

    About Us

    A Screenshot of the PC version of a website called 'Community Science Museum', featuring the websites 'About Us' page. It features a graphical user interface with text related to volunteering, supporting the museum, exhibitions, and contact information. The website encourages visitors to become volunteers or supporters to help keep the museum accessible to the community.

    About Us

    A Screenshot of the PC version of a website called 'Community Science Museum', featuring the websites 'About Us' page.The website encourages visitors to become supporters or have a intership with them to help keep the museum accessible to the community.

    About Us

    A Screenshot of the PC version of a website called 'Community Science Museum', featuring the websites 'Contact Us' page. The webpage is displaying information about the museum, including details about its location, address, and nearby landmarks. It also shows a map with directions to the museum.

    Contact Us

    A Screenshot of the PC version of a website called 'Community Science Museum', featuring the websites 'Contact Us' page. The webpage includes information about its location, opening hours, contact details, and nearby landmarks.

    Contact

    A Screenshot of the PC version of a website called 'Community Science Museum', featuring the websites 'Contact Us' page. The webpage includes information about the museums opening hours, contact details, and social media handles. It also mentions the museum's address and email for inquiries. The image might contain a chart, timeline, and treemap chart along with various text elements related to the museum.

    Contact

    Community Science Museum

    Type: Museum for Kids & Family

    Project:Semester Project of Winter 2023. The purpose was to make a kids- and family friendly museum website where the UI's not too complicated for smaller kids and not too simple for adults.

    Process:Research, Planning, Design, Programming, Testing, launching.

    Tools:Github, Netlify, VS Code, HTML and CSS

    Check out the Website Yourself!

    csmusem.netlify.app github.com/werivik/CommunityScienceMuseum

    Rainy Days

    Type: Outdoor Clothing

    Project:First fully functional website using JavaScript. The purpose was to fetch all and singular products through the provided API, and having a functional shopping cart. Please have it noted that the website is not responsive, it is only functional to view all and singular items, and view, delete and "buy" items at checkout.

    Process:Research, Planning, Design, Programming, Testing, launching.

    Tools:Github, Netlify, VS Code, HTML, CSS and JavaScript

    Check out the Website Yourself!

    Paperclip icongithub.com/werivik/rainydays
    1 / 5

    Homepage

    An image of a homepage to Rainy days, showing a main banner with the brands motto: Pushing the comfort zone, and a 20% off jackets sale.

    Homepage

    An image of a homepage to Rainy days, showing the websites shortlinks: all jackets, bestsellers, what's new and tips.

    Homepage

    An image of a homepage to Rainy days, showing a banner of snowy landscape.

    Homepage

    An image of a homepage to Rainy days, showing the featured jacket list.

    Homepage

    An image of a homepage to Rainy days, showing the webpages footer.

    Homepage

    An image of the All Jackets page for Rainy Days, showing a row of jackets

    All Products

    An image of the All Jackets page for Rainy Days, showing rows of jackets.

    All Products

    An image of the All Jackets page for Rainy Days, showing the end of rows of jackets.

    All Products

    An image of the product details page of Rainy Days, showing the product image up close on the left, and all the products information on the right.

    Product Details

    An image of the product details page of Rainy Days, showing the recommended section with a row of five recommended jackets.

    Product Details

    An image of the Rainy Days shopping cart page, the basket items on the left and the checkout on the right.

    Shopping Cart

    An image of the Rainy Days confirmation page, the page thanks the user for shopping with them and asks if they wish to continue shopping.

    Confirmation Message

    1 / 5

    Homepage

    HomePage

    HomePage

    HomePage

    HomePage

    HomePage

    HomePage

    HomePage

    Rent

    Sell

    Sell

    About Us

    About Us

    About Us

    About Us

    About Us

    About Us

    About Us

    About Us

    Real Estate Agency

    Type: Real Estate Website

    OBS!The photos provided are the parts I have coded myself and do not represent the whole website. To see the work of the other's please look at the provided link below.

    Project:Teamwork Project of Winter 2024. The purpose was to learn how to work in a team, both the design and coding was done by the whole team. The project did not involve a theme criteria, so the team decidied to make a Real Estate Agency Website.

    Process:Research, Planning, Design, Programming, Testing, launching.

    Tools:Github, Netlify, VS Code, HTML, CSS and JavaScript

    Check out the Website Yourself!

    https://github.com/DarthCoursucant/Real-Estate-Agency-1

    Square Eyes

    Type: Movie Website

    Project:My first Project of Winter 2023. The purpose was to design and code a movie website where you could either buy movies, rent or both. I decided to both rent and buy movies and add a subscription option. This was my first project I designed and coded from scratch, that is why I only used HTML and CSS.

    Process:Research, Planning, Design, Programming, Testing, launching.

    Tools:Github, Netlify, VS Code, HTML and CSS

    Check out the Website Yourself!

    squareeyes-vik.netlify.app github.com/werivik/SquareEyes
    1 / 5

    Homepage

    A screenshot of a website called 'Square Eyes', featuring its homepage. With a large front image, and a row of movies underneath the front image.

    HomePage

    A screenshot of a website called 'Square Eyes', featuring its homepage. The webpage include categories like Home, Movies, Categories, About, and Contact. It also includes popular movie titles like 'Unmask the Truth', 'Sweetheart', and 'Once Upon a Time in Hollywood'.

    HomePage

    A screenshot of a website called 'Square Eyes', featuring its homepage. The webpage inlcude different movie categories like science fiction, action, comedy, drama, animation, romance, horror, and fantasy.

    HomePage

    A screenshot of a website called 'Square Eyes', featuring its homepage. The webpage inlcude various movie series like 'Harry Potter', 'Star Wars', 'The Hobbit', 'Guardians of the Galaxy', and more.

    HomePage

    A screenshot of a website called 'Square Eyes', featuring its homepage. The website promotes discovering interesting films and connecting film lovers.

    HomePage

    A screenshot of a website called 'Square Eyes', featuring its homepage. The website promotes discovering interesting films and connecting film lovers.

    HomePage

    A screenshot of a website called 'Square Eyes', featuring its homepage. The website promotes three different subsription plans, 'Regular', 'Comfort' and 'Movie Freak'.

    HomePage

    A screenshot of a website called 'Square Eyes', featuring its homepage. The website promotes three different subsription plans, 'Regular', 'Comfort' and 'Movie Freak'. The screenshot also captures the websites footer, a simple black footer with two rows of links, 'contact' and 'about'.

    HomePage

    A screenshot of a website called 'Square Eyes', featuring its 'Category' page. The website include a big section for 'trendy content', that being a movie called 'Into the Woods' with a 4/5 rating, released in 2014, and falling under genres such as Drama, Comedy, and Adventure.

    Categories

    A screenshot of a website called 'Square Eyes', featuring its 'Category' page. The website include a row of all the categories, such as 'Romance', 'Action', 'Adventure' and more.

    Categories

    A screenshot of a website called 'Square Eyes', featuring its 'Category' page. The screenshot captures the websites footer, a simple black footer with two rows of links, 'contact' and 'about'.

    Categories

    A screenshot of a website called 'Square Eyes', featuring its 'All Movies' page. The website include a big section for 'trendy content', that being a movie called 'Harry Potter and The Philosopher's Stone' with a 5/5 rating. The site provides details about the film's genre, duration, and plot summary.

    All Movies

    A screenshot of a website called 'Square Eyes', featuring its 'All Movies' page. The webite include a row of various movies.

    All Movies

    A screenshot of a website called 'Square Eyes', featuring its 'All Movies' page. The webite include a row of various movies.

    All Movies

    A screenshot of a website called 'Square Eyes', featuring its 'All Movies' page. The screenshot captures the websites footer, a simple black footer with two rows of links, 'contact' and 'about'.

    Movie Detail

    A screenshot of a website called 'Square Eyes', featuring its 'Movie Detail' page. The website include information about the film 'What We Do in the Shadows'. It includes details about the film, such as its genre (horror, comedy, documentary) and a brief synopsis of the plot involving vampires living together as housemates. The website seems to offer movie reviews and information.

    Movie Detail

    A screenshot of a website called 'Square Eyes', featuring its 'Movie Detail' page. The website include information about a movie titled 'What We Do in the Shadows' and its cast.

    Movie Detail

    A screenshot of a website called 'Square Eyes', featuring its 'Cart Details' page. The website include a list of movies, their description and film poster on the left side, and a checkout form on the right side.

    Checkout

    A screenshot of a website called 'Square Eyes', featuring its 'Checkout Succsess' page. The website include a list of movies that has been succsessfully purchased.

    Checkout Succsess

    A screenshot of a website called 'Square Eyes', featuring its 'About Us' page. The Website has three main titles and a lot of information underneath each section.

    About Us

    A screenshot of a website called 'Square Eyes', featuring its 'Contact Us' page. The Website includes a list of numerous ways of contacting the website, such as email, telephone and more.

    Contact

    ...And of course this very Website!