Web development
After recently completing a full-stack web development bootcamp, I’m diving deeper into the tech industry while still staying rooted in UX/UI design. With a background in website and design, I’ve always been passionate about creating intuitive and visually appealing digital experiences. To enhance my understanding of the development process, I decided to learn the coding skills needed to fully grasp how websites and applications come to life. I’m excited to merge my design expertise with my new technical knowledge to build seamless, dynamic web experiences.
GITHUB
ou can find my work on GitHub, where I’ve worked on projects that utilise a mix of both front-end and back-end technologies. From building responsive user interfaces to integrating databases, my projects showcase my ability to create dynamic, full-stack web applications.
GITHUB
ou can find my work on GitHub, where I’ve worked on projects that utilise a mix of both front-end and back-end technologies. From building responsive user interfaces to integrating databases, my projects showcase my ability to create dynamic, full-stack web applications.
Media Library App
My Media Library App is designed to allow users to search and manage media content. The app utilises the iTunes Search API to fetch media such as movies, podcasts, music, and more. Key features include a search bar for finding relevant media, a user-friendly interface built with React, and a favourites list for storing preferred items. The back-end, powered by Node.js and Express, handles API requests and ensures secure authentication with JSON Web Tokens (JWT). Other technologies used include React-Router for navigation, Axios for making API requests, and JWT for securing interactions with the API.
Media Library App
My Media Library App is designed to allow users to search and manage media content. The app utilises the iTunes Search API to fetch media such as movies, podcasts, music, and more. Key features include a search bar for finding relevant media, a user-friendly interface built with React, and a favourites list for storing preferred items. The back-end, powered by Node.js and Express, handles API requests and ensures secure authentication with JSON Web Tokens (JWT). Other technologies used include React-Router for navigation, Axios for making API requests, and JWT for securing interactions with the API.
WEB STORE
The Web Store Project is a functional e-commerce application. Users can browse products, register and log in, manage their shopping cart, and choose shipping options. The app uses React for the front-end, Redux for state management, and React-Router for navigation. It also leverages React-Bootstrap for responsive UI components and Redux-Persist to maintain state across page reloads. This project focuses on delivering an intuitive and smooth experience for users while managing complex interactions like authentication and shopping cart management.
WEB STORE
The Web Store Project is a functional e-commerce application. Users can browse products, register and log in, manage their shopping cart, and choose shipping options. The app uses React for the front-end, Redux for state management, and React-Router for navigation. It also leverages React-Bootstrap for responsive UI components and Redux-Persist to maintain state across page reloads. This project focuses on delivering an intuitive and smooth experience for users while managing complex interactions like authentication and shopping cart management.
To do list
The To-Do List Express project is a full-stack React application where users can securely register, log in, and manage tasks. The front-end, built with React, allows users to add, edit, remove, and view tasks, while the back-end is powered by Node.js, Express, and MongoDB for data storage. The app includes a secure authentication system, ensuring only logged-in users can interact with their tasks. Middleware is used for username validation, limiting task length to 140 characters, and enforcing JSON-only requests for added security. Built with React-Router, JWT, and Axios, this app provides a smooth user experience while handling essential task management functionality.
To do list
The To-Do List Express project is a full-stack React application where users can securely register, log in, and manage tasks. The front-end, built with React, allows users to add, edit, remove, and view tasks, while the back-end is powered by Node.js, Express, and MongoDB for data storage. The app includes a secure authentication system, ensuring only logged-in users can interact with their tasks. Middleware is used for username validation, limiting task length to 140 characters, and enforcing JSON-only requests for added security. Built with React-Router, JWT, and Axios, this app provides a smooth user experience while handling essential task management functionality.
Learning HTML, CSS, and JavaScript has been incredibly useful in understanding the fundamental structure of websites. Click below to explore my website design portfolio using WordPress page builders.