Huda B.
Front-End Developer
- Certificate in Full Stack Web Development
- Master's Degree in Linguistics
Technical Skills:
- Frontend: HTML, CSS, JavaScript, Bootstrap, React, Svelte, Responsive Web Design, UX/UI, Web Accessibility
- Backend: Node, Express, RESTful APIs, MySQL, MongoDB
- Other: CLI, Git, GitHub, Figma, Adobe Photoshop, Agile Methodologies
Projects
LinguaLog
![LinguaLog](./assets/files/work/lingualog.png)
LinguaLog is a language learning tracking web app that enables language learners to record and organize newly acquired words and phrases to keep as a collaborative dictionary. It showcases a MERN stack CRUD app that uses RESTful APIs and HTTP methods GET, POST, PUT, DELETE, and user authentication functionality. Languages and Tools: MongoDB, Express, React, Node
Trivia Night
![Trivia Night](./assets/files/work/trivia-night.png)
A fun trivia web app. Languages and Tools: HTML, CSS, JavaScript, Bootstrap, API, GitHub Pages
Keyize
![Keyize](https://upload.wikimedia.org/wikipedia/commons/thumb/d/db/Npm-logo.svg/1200px-Npm-logo.svg.png)
An NPM package that formats the keys of JSON payloads. Languages and Tools: Node, NPM, JSON
Group Projects
Gaming Geeks
![Gaming Geeks](./assets/files/work/gaming-geeks.png)
A MERN full-stack CRUD web app that is a gaming chatroom for gamers to connect with other gamers worldwide. Languages and Tools: MongoDB, Express, React, Node, Chakra UI, Dataset, GraphQL, JWT, Bcrypt, Figma, Heroku
Movie Media Mania
![Movie Media Mania](./assets/files/work/movie-media-mania.png)
An MVC full-stack CRUD web app about movies to help users search, learn, review, and share everything related to movies. Languages and Tools: HTML, CSS, JavaScript, Handlebars, Bootstrap, Dataset, Node, Express, MySQL2, Session, Bcrypt, Figma, Heroku
Pupify
![Pupify](./assets/files/work/pupify.png)
A front-end web app about dogs to help users decide if they should adopt a dog. Languages and Tools: HTML, CSS, JavaScript, Bulma, APIs, GitHub Pages
Challenges
E-Commerce
![E-Commerce](./assets/files/work/e-commerce.png)
A back-end API for an example retail company where a manger can manage company products. Languages and Tools: Node, Express, MySQL2, API, Insomnia
Social Network API
![Social Network API](./assets/files/work/social-network-api.png)
A back-end API for a social network web app where users can share their thoughts, react to friends thoughts, and create a friend list. Languages and Tools: Node, Express, MongoDB, API, Insomnia
Employee Tracker
![Employee Tracker](./assets/files/work/employee-tracker.png)
The back-end of an employee tracker for a business owner to be able to view and manage the departments, roles, and employees. Languages and Tools: Node, MySQL2, Inquirer, Console Table
SVG Logo Maker
![SVG Logo Maker](./assets/files/work/svg-logo-maker.png)
An SVG logo maker that generates a simple logo for various purposes. Languages and Tools: Node, Inquirer
README Generator
![README Generator](./assets/files/work/readme-generator.png)
A README file generator to create professional README files for projects. Languages and Tools: Node, Inquirer
Weather Dashboard
![Weather Dashboard](./assets/files/work/weather-dashboard.png)
A web app to view the weather outlook and a 5-day forecast for multiple cities. Languages and Tools: HTML, CSS, JavaScript, Bootstrap, OpenWeather API, Github Pages