Practise fashion App

description

Small React app built for mobile phone screens using a fashion API. With search functionality and lazy loading images (react-lazyload package).

tech

  • React (Hooks)
  • JavaScript
  • styled-components
  • Axios
  • Insomnia
  • Figma
  • fashion API

Here are the four projects I completed as part of the Software Engineering Immersive Course at General Assembly.

The Software Engineering Immersive is a 3 month course focused on front-end, backend and full stack web development, in particular JavaScript and React. I attended daily lectures, stand-ups and completed homework assignments in the evening. I worked in a variety of ways: in groups, individually and pair-coding.

Carousel Collective

description

For the final project I was keen to work on my own to test my knowledge and challenge myself to work through errors and unfamiliar territory. ‘Carousel Collective’ is an app for a prospective fashion rental company. I used Django with Python for the backend and React (Hooks) on the front end to allow users to register, log-in, browse items and add them to a basket or wishlist.

tech

  • React (Hooks)
  • JavaScript
  • CSS
  • Django REST Framework
  • Python
  • Insomnia
  • TablePlus
  • PostgreSQL
  • JWT
  • Axios

Festivalist

description

Myself and a group of 3 others designed and built a MERN stack app that allows the user to search for international festivals, login, save festivals and view information about the festivals and artists performing. I was largely responsible for the index page - listing the festivals and the ability to filter them based on country, price, and artist. I also contributed to building the backend, seeding the data, logo design and CSS. This project was good practise in using Git successfully as a team.

tech

  • React (Hooks)
  • JavaScript
  • Semantic UI
  • MongoDB
  • Mongoose
  • Node.js
  • Axios
  • JWT
  • Express
  • Bcrypt
  • Heroku
  • Insomnia
  • TablePlus
  • Git
  • Mapbox

Star Trumps

description

‘Star Trumps’ is a game in which the player can view a ‘Top Trumps’ card and click on a category to beat the opponent card. This was a time sensitive project so my partner and I pair coded most of the functionality together. We used a Star Wars API for the Star Ships information, then compared the data for win, lose and draw logic.

tech

  • React (Hooks)
  • CSS
  • JavaScript
  • Insomnia
  • Third-party APIs
  • Axios

Frogger

description

This project was my first experience of coding an entire project with JavaScript from planning a wireframe to online deployment. I built a game of ‘frogger’ (but with a snail) based on a JavaScript grid, using vanilla JavaScript, HTML and CSS. I also designed the imagery myself using Procreate on an iPad.

tech

  • Vanilla JavaScript
  • HTML
  • CSS
  • Adobe Photoshop