Claire Caudwell's Projects
Emoji memory game created using HTML, CSS and Vanilla JS.
A digital organiser 📆 where the user can create, edit or delete tasks, view their weekly schedule and create notes. Frontend built using React, React router, redux, styled components and the backend is built using Node.js and Express, using Mongoose and MongoDB to collected and store the data.
Guess the word game based on hangman logic 🏁
My first built portfolio project where I will present myself, my skills as a frontend developer and projects 💥 I will be updating and adding to this throughout the bootcamp.
Second project for the Technigo Bootcamp 💥 Created a business site using HTML, CSS and a little JavaScript where we had to have a hero image, form and accordion which was collapsible using CSS.
A fun project where we were tasked to create a Cluedo Mystery picker 🔍 that randomly chooses a killer, weapon and room. These are revealed with an onClick event to reveal the mystery. Added a button that allows for the user to play again and also animations that run to show that the cards are loading ✌
Created my first API with two different endpoints which include query parameters using express and REST architectural style 🚅
Project food website that was created during the Technigo Bootcamp collaborations days ☀️ We were tasked, as a team, to create a food website where we collected specific data from the Zomato API. Team members were Anna Hasselström, Lili Réger-Horváth and Sabina van der Schaaf de Maré 💥
Happy thoughts 💌 project. Created a twitter like site where users can post and read happy thoughts. Using React.js, get and post requests, useState and useEffect react hooks.
Created a database in MongoDB 🥭 which handles data being sent from the Happy thoughts application we created in previous weeks. Created three endpoints, a get endpoint that gets all the thoughts posted and stored in the database, a post endpoint that allows for a thought to be posted by the user to the database and the third endpoint which was also a post where the user can specify a thought id and update the heart count property in the mongoose model ✨
Created an interactive text based game accessing data from two endpoints, storing the data returned in the redux global state and dealing with fetches asynchronous nature by implementing thunks. All with a rainbow 🌈🌈 theme and responsive. Project by Liliána Anna Réger-Horváth and Claire Caudwell.
Created a database using MongoDB, populated the database using Mongoose library and the model method. Created two main endpoints that get specific data store in the database using Mongoose functions.
🍿 🎞️ Created a multipage react app using react router dom.
A pair programming project where we created a music release site 🎶 in React using components and props. Accessing the data, fetched from the Spotify API, stored in the data.json. Collaboration between Anna Hasselström and Claire Caudwell ✨
My first project as part of the Technigo Bootcamp 💥 We were tasked to create a news site 📰 with a specific layout that shows a header area with a logo and navbar, a main news section and then a section for other articles. The site had to also be responsive for mobile, tablet and desktop devices 👍 A fun first project where I got to use my HTML and CSS skills!
A pair programming project by where we were tasked to create a interactive pizzabot using HTML, CSS and JavaScript. Collaboration between Claire Caudwell and Claudia Kjerrgren 💥
My first React Native app: Uplifting quotes💥 Used React Navigation to create a multipage app using the stack approach, touchable opacity to create links with images as their backgrounds and a page for each stack.
Project Redux Quiz for the Technigo Coding Bootcamp: Build a Quiz App using React Redux ⚛ Built by: Claudia Kjerrgren, Sabina van der Schaaf de Maré, Claire Caudwell, Vanessa Sue Smith 👩💻✨
Created a survey 📜 using React and React useState hook.
Created a todo app in react. ✔️ Using redux to create a global store. Practising working with creating reducers, selecting data from the store and dispatching data to the store. The todo app allows you to add a new todo, select the todo as done and revert back to it being undone and also to remove the todo.
Created a weather app fetching the data from the open weather API in JavaScript 🌤️ Used this data access in certain elements that I wanted to show in my weather app e.g. City, date, current weather, temperature, sunrise & sunset and a 5 day weather forecast for the specified city ☀️ The site had to be responsive for mobile, tablet and desktop devices.
A random password generator created using HTML, CSS, JavaScript, Ascii code and RegExp
Frontend developer portfolio built using React.js, React hooks and styled-components.
Technigo Boot Camp React Starter Project
https://sleepy-volhard-8b9cb0.netlify.app/
React Redux Testing Template using Jest and Enzyme