AnnaH's Projects
Starter project to get up and running with express quickly
🏀 WebDesignSystem - code challenge from Codecademy
An app where I use the Google Maps API together with the Open Weather API to create a custom google map where the user can get data from chosen location from a world wide map.🌍
👩💻 Here is where you find a summary of my work and also get to know me, Anna, a little better.
Pair-programming. Authentication and sign-in/login form. The authentication is handled both in the frontend and in the backend. The flow: when a user signs up/log in in the registration form a POST req is sent to the API, storing the a access token using local storage, and then making other requests to the API with it.🕵️
Backend - a book search app using Google Book Api. The backend is built in express.js and mongodb for authentication and storing user data. The frontend is built (search function, surprise-me-function and favorite list function) is built in React Redux using React Router for navigation.📚
Frontend - a book search app using Google Book Api. The backend is built in express.js and mongodb for authentication and storing user data. The frontend is built (search function, surprise-me-function and favorite list function) is built in React Redux using React Router for navigation.📚
🧰 This assignment was to create a business site displaying a responsive image or video hero, a sticky navbar, a form and an accordion that would collapse when active. I have used mainly html and css but also som javascript.
🕵️♂️ Project Cluedo - Practice project making use of objects and arrays, as well as practicing modifying the DOM with Javascript.
In this project I start my backend journey by creating an API using Express. The API have four RESTful endpoints which return an array of data, or a single item. 📀
🍔 As a team we were tasked to build a food review website that lists several Brunch restaurants in the Seattle, WA, area. It was to be completed over two days and demoed to a smaller group within the bootcamp. Furthermore the project was expected to help us practice our JavaScript and API fetching skills and for us to experience working together as a team 💪
❤️ In this project I practice React state by fetching and posting data - happy thoughts - to an API. I have worked with an API with three endpoints.
In this project I use Express and Mongodb to build an API that includes both GET request endpoints to return data and POST endpoints to create data. ❤️
🀗 🀗 🀗 This is a pair-programming project together with Nathalie Nordström. We have built a game which allows a user to navigate a maze, in the form of a text-based adventure, provided by a backend.
In this project I model my database using Mongoose models, and persist the data in a database. 🖥
🎬 This project is a React app with three pages - one showing a list of movies, one showing details about single movies and one showing a 'not-found-page'. I use the themoviedb.org's API to fetch movies and details data for the movies.
🎸 Spotify-clone - The aim of this project was to work in a pair to create a music release page in React using components based on the object information from the Spotify API. We followed a specific design template and made the page responsive for mobile, tablet and desktop.
🗞🗞🗞 This aim of this project was to create a classic magazine or newspaper site. The assignment was to use what we've learned about responsive design and flexbox. I used flexbox in this version (but also tried css grid).
🍕 Project Pizza-bot - This assignment was to create a text-based bot which one can use to order pizza - using html, javascript and css.
📣 This project is a mobile app built with React Native, making use of styled components. The app is Kanye West Quote-Generator, and it fetches an api with Kanye West quote for the user to interact with. New quotes are generated on pull-down of screen. The app is tested on iPhone X.
🍭 The Sweet-o-meter is an app built using React and useState that creates a form with four questions for the user to answer. When button is clicked, the questions are replaced by a summary.
✏️ A todo-app built with React and Redux. The app lists all todo tasks - completed or uncompleted. The state of each todo can be shown as either done or not done with checking a checkbox. New todos are added using a text field. Todos can be removed one by one or all at once using the clear-all button. After pressing clear-all, a warning alert box appears asking if user wants to clear all or cancel that action. The app also counts and shows how many of the listed todos are done.
🌤 Weather Web App - This is a simple weather web app that shows today's weather and temperature, and a 5-day forecast using a weather API.
TicTacToe ❌ ❌ ⭕️
Technigo Boot Camp React Starter Project
👗 Building a basic shop and shopping cart adding and removing items, using Redux.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent