HELLO, I'M

CHARLOTTE DUBERRY

JUNIOR FRONT-END DESIGNER

About Me

REFRESH PAGE

About me.txt - Notepad

File
Edit
Format
View
Help

I'm Charlotte, a budding front-end designer. My goal is to create user-friendly websites and applications with a touch of flair. I particularly enjoy experimenting with different design techniques and finding creative solutions to bring ideas to life.

After graduating from a web development bootcamp, I discovered a passion for front-end design. As someone who loves all kinds of puzzles, I find it perfectly combines my creative side with my love of problem-solving.

My background in film, along with experience in eCommerce and running WordPress affiliate sites, has strengthened my skills in digital marketing, content creation and UX. It's given me a strong sense of how visuals, storytelling and functionality align to create great online experiences.

Looking ahead, I plan to continue developing my skill set while exploring new libraries and frameworks. Ultimately, I hope to complement my practical experience with more formal study in the field.

Ln 7, col 198
100%
C-Duberry
UTF-8

My Skills

CSS

HTML

JAVASCRIPT

ADOBE PHOTOSHOP

REACT

REDUX

WORDPRESS

FUTURE ASPIRATIONS

I am confident with CSS and have a firm grasp of layout and styling techniques, which I have applied in all my projects and continue to refine. I want to improve my knowledge of advanced animations and dynamic sizing tools, and really discover what else is possible. I also want to explore CSS Preprocessors, such as SASS.

I have a solid foundation in HTML, including syntax and document structure. I’m currently focusing on refining my use of semantic HTML, exploring more advanced features, and becoming more familiar with lesser-known elements. I’m also keen to adopt best practices for building well-structured, accessible, and user-friendly websites.

I’m comfortable with the key elements of JavaScript, including ES6+ features and DOM manipulation. While I’ve explored various areas of the language, including more advanced concepts, I’m now focusing on improving my logical programming skills and refining my ability to choose the most efficient tools for each project.

Having used Adobe Photoshop for many years, I have extensive experience in image creation and editing. While I am confident in my ability to navigate the software, there are more advanced features and techniques I am interested in exploring.

I first used React during my bootcamp, where I developed several projects, including a task list app and a Hangman game. I’m now revisiting it to sharpen my skills and build on my knowledge of core concepts like hooks and state management.

Redux was a module in my bootcamp, where I used it in several projects, including a task list app and a Hangman game, to manage state. Now that I have strengthened my programming foundation, I am looking to reacquaint myself with Redux to fully leverage its state management capabilities within React applications.

Having previously worked with WordPress for a range of projects, I am confident in navigating its interface and utilising plugins to enhance functionality and optimising site speed and SEO for a smooth user experience.

I am committed to continuously growing as a developer. My goal is to achieve a high level of proficiency in front-end technologies while also exploring back-end development. Ultimately, I hope to formalise my knowledge - ideally through a master's degree - and expand my expertise in the field.

My Projects

TRIBUTE PAGE

This is a static tribute page honouring Dr Ronald McNair, a NASA astronaut and physicist. Originally built during my bootcamp as part of the HTML & CSS module, I later refined the design, including updates to the styling and layout. The page features a timeline and utilises a grid-based layout with advanced positioning techniques, which at first I found quite challenging, but it ultimately helped with my understanding of the techniques and bolstered my CSS skills.

CALCULATOR APP

This calculator app mimics the functionality of Microsoft's standard calculator. As one of the first projects I created after my bootcamp, this application was built to reinforce what I had learnt and push my JavaScript knowledge further. It was a testing project, requiring complex logic and event-driven programming that really stretched my abilities. Overall, it significantly improved my skills, particularly in debugging and edge case handling.

NUMERAL CONVERTER

This application converts a user-provided date into Roman numerals, with an option to choose a delimiter. Developed using HTML, CSS and JavaScript, the app was a personal project aimed at building on my front-end skills. Creating this tool was a great opportunity to get to grips with more complex logic while tackling challenges in error handling and input validation. Overall, it changed how I approach user-driven applications, encouraging me to create more robust and user-friendly solutions.

CLONE WEBSITE

This project is a static homepage clone of www.sainsburys.co.uk, built with React. Created as part of the React module during my bootcamp, it also introduced me to React Bootstrap. Recreating the homepage's layout required several intricate techniques, many of which were new to me; building it in React added an extra layer of challenge. Reproducing the site's responsive behaviour was also difficult, but it significantly improved my CSS layout skills, particularly in grid, flexbox, and responsive design.

HANGMAN GAME

This is my version of the classic Hangman game, created for my bootcamp's final capstone project using React. The app integrates with an API to retrieve the hidden word and uses Redux to manage the game state, including correct and incorrect guesses. I also designed custom graphics in Adobe Photoshop to illustrate the hangman's different stages. Although it was a tough experience, it was equally rewarding and significantly improved my understanding of React and state management.

TASK LIST APP

Made using React and Redux, this project is a simple task management application that allows users to create, edit, and delete tasks. Built as an introduction to Redux, it presented a steep learning curve in state management, especially when handling user input edits and dispatching those updates through Redux to update the application state. Creating this program introduced me to Redux and its core concepts, really deepening my understanding of state management as a whole.