Ayako Woollan's Projects
Code Refactor: HTML and CSS
A simple portfolio using HTML5 and responsive CSS. (flexbox, media queries, and CSS variables)
A responsive password generator that enables employees to generate random passwords based on criteria that theyβve selected. This will run in the browser and will feature dynamically updated HTML and CSS powered by JavaScript.
A timed quiz on JavaScript fundamentals that stores high scores so that the user can gauge their progress compared to their peers. This app runs in the browser and features dynamically updated HTML and CSS powered by JavaScript code.
A simple calendar application that allows a user to save events for each hour of the day by modifying starter code. This app will run in the browser and feature dynamically updated HTML and CSS powered by jQuery. Users can add important events to a daily planner so that they can manage their time effectively.
A Node.js command-line application allows the users to create an awesome README.md file by answering simple questions. To be able to upload images onto Readme.md and links, there are some markdown examples shown when the user runs the application. The user can copy and paste when answering the questions on command line.
A Node.js command-line application that takes in information about employees on a software engineering team, then generates an HTML webpage that displays summaries for each person. The user can add as many team members as possible.
A full-stack note taker that can be used to write and save notes. Uses an Express.js back end and will save and retrieve note data from a JSON file with a unique id. The users can organize their thoughts and keep track of tasks they need to complete.
A command-line application to manage a company's employee database, using Node.js, Inquirer, and MySQL.The users can view the information about the employees' id, role, department, salary and manager as well as they can update the data and delete the data.
A back end application for an e-commerce site that the user can store various shopping categories, products, and tags. Uses Express.js API, node, and Sequelize to interact with a MySQL database.
A CMS-style blog site, where users(developers) can publish their blog posts and comment on other usersβ posts as well. This application follows the MVC paradigm in its architectural structure, using Handlebars.js as the templating language, Sequelize as the ORM, and the express-session npm package for authentication.
Hi! I'm Ayako.
An awesome README template to jumpstart your projects!
Refactoring starter code with a fully functional Google Books API search engine built with the RESTful API to be a CRUD API built with Apollo/GraphQL. The app is built using the MERN stack with a React front end, MongoDB database, and Node.js/Express.js server and API.
A MERN full-stack application for organizing recipes. Built with CRUD API that stores recipes and user data in MongoDB. It allows users to dynamically create or remove new recipe steps. Provides thoughtful user experience by making collapsible sections and responsive grid.
A webpage that will hold a collection of CSS snippets in a responsive grid.
Roadmap to becoming a web developer in 2021
A web application using Google Map API and Ticketmaster API. It allows users to search for events in their chosen cities, and displays the locations of these events using markers on a map.
A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore.
An Interactive Full-Stack Application to provide a user-friendly booking system. Built with Node.js and Express.js to create a RESTful API, Handlebars.js as the template engine, MySQL and the Sequelize ORM for the database, and nodemailer (npm package) to notify any changes to the bookings by email.
An installable PWA text editor which works without an internet connection using IndexedDB database for storing data.
A single-page react portfolio (front-end).
A simple Javascript game that allows users to play Rock-Scissors-Paper against an automated opponent using `alert()`, `confirm()`, and `prompt()` .
An API for a social network that uses a NoSQL database so that its website can handle large amounts of unstructured data. Built with Express.js for routing, a MongoDB database, and the Mongoose ODM. In addition to using the Express.js and Mongoose packages, used moment.js to format the date.
My first survey form using HTML and CSS.
A simple HTML & CSS based weather dashboard using OpenWeather API and localStorage to store search history.