Pernilla Sterner's Projects
Practice React basics by fetching data from data.json to display pokemons. Components are provided; focus on passing data using props. Use the 'key' attribute to avoid errors. See Props section for hints. Great for group learning.
News site with focus on responsive design and the layout techniques of CSS Grid and Flexbox.
A one-page business site that contains an image header and a signup form
Functional Chatbot interface using JavaScript, HTML, and CSS
A labyrinth app that allows a user to navigate a maze, in the form of a text-based adventure, provided by an API.
The goal of this project was to create a digital recipe library capable of loading and displaying information like title, cuisine, time, and ingredients for each recipe. Additionally, users should have the ability to filter recipes based on cuisine or author, and sort the recipes alphabetically.
Digital book library. Sorting and filtering functionality.
App that utilizes themoviedb.org's API to showcase movies and their details. Features fetching popular movies, rendering movie specifics, and managing image URLs. Designed with a focus on responsiveness and accessibility. Enhancements include error handling, loading states, and dynamic movie lists
A React app template to display albums. Features include a structured component hierarchy, design fidelity, hover effects, and responsive layouts. Clicking on albums or artists links to external URLs. Components provided; focus on data flow and UI interactions.
A React app template to display albums. Features include a structured component hierarchy, design fidelity, hover effects, and responsive layouts. Clicking on albums or artists links to external URLs. Components provided; focus on data flow and UI interactions.
Project based on the user´s input would determine the chosen food type and based on age create the appropriate order for a child or adult.
Project based on the user´s input would determine the chosen food type and based on age create the appropriate order for a child or adult.
Portfolio built with HTML, Sass, JS, and React.
A React project to create a customizable survey form. Focus on React state and form control. After submission, users see a summary. Design is flexible but should prioritise accessibility. Use tools like Typeform for design inspiration.
This project uses React to make a survey multi-step form where users can answer different types of questions. After finishing the survey, users get a summary of their answers.
Redux project: Build a todo app
This project is about building a simple weather dashboard that uses a weather API to tell today's weather and temperature and a 4-day forecast.
This project is about building a simple weather dashboard that uses a weather API to tell today's weather and temperature and a 4-day forecast.
Recreate image as closely as possible.
Todo App build in React.js where you can add, update and remove tasks.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent